.model-hero-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);align-items:stretch;gap:16px;width:100%;max-width:1180px}.model-hero-symbols{position:absolute;width:0;height:0;overflow:hidden}.model-hero-tool{display:flex;flex-direction:column;min-width:0;padding:14px;color:#2a3048;border:1px solid #d7dee5;border-radius:16px;background:#f8f9fa;text-align:left}.model-hero-tool .hero-model-picker{position:relative;min-width:0}.model-hero-tool .hero-model-picker.is-open{z-index:5}.model-hero-tool .hero-model-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;line-height:18px}.model-hero-tool .hero-model-trigger{display:flex;align-items:center;gap:8px;width:100%;height:48px;padding:8px 12px;color:#2a3048;border:1px solid #d7dee5;border-radius:12px;background:#fff;font-size:14px;font-weight:500;line-height:30px;cursor:pointer}.model-hero-tool .hero-model-trigger:focus,.model-hero-tool .hero-model-trigger:focus-visible{border-color:#d7dee5;outline:0;box-shadow:none}.model-hero-tool .hero-model-option:focus-visible{outline:2px solid rgba(42,48,72,.35);outline-offset:2px}.model-hero-tool .hero-model-trigger img,.model-hero-tool .hero-model-option img{flex:0 0 30px;width:30px;height:30px;object-fit:contain}.model-hero-tool .hero-model-trigger>span{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.model-hero-tool .hero-model-chevron{flex:0 0 20px;color:#2a3048;transition:transform .2s}.model-hero-tool .hero-model-picker.is-open .hero-model-chevron{transform:rotate(180deg)}.model-hero-tool .hero-model-menu{position:absolute;top:24px;left:calc(100% + 12px);z-index:10;display:none;width:386px;max-width:calc(100vw - 32px);max-height:500px;overflow-y:auto;padding:12px;border-radius:12px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.2)}.model-hero-tool .hero-model-picker.is-open .hero-model-menu{display:block}.model-hero-tool .hero-model-option{display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:14px;min-height:62px;padding:8px 10px;color:#2a3048;border-radius:8px;text-decoration:none}.model-hero-tool .hero-model-option:hover,.model-hero-tool .hero-model-option.is-selected{color:#2a3048;background:#f0f0f2}.model-hero-tool .hero-model-option-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.model-hero-tool .hero-model-option-copy strong{font-size:14px;line-height:18px}.model-hero-tool .hero-model-option-copy>span{overflow:hidden;color:rgba(42,48,72,.6);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.model-hero-tool .hero-model-option-status{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#685bff;border:1px solid #d7dee5;border-radius:50%}.model-hero-tool .hero-model-option.is-selected .hero-model-option-status{border:0}.model-hero-tool .hero-tool-field{min-width:0;margin-top:12px}.model-hero-tool .hero-tool-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;line-height:18px}.model-hero-tool .hero-upload-box{position:relative;display:flex;align-items:center;justify-content:center;height:96px;overflow:hidden;border:1px dashed #d1d5db;border-radius:12px;background:#fff;transition:border-color .2s,background .2s}.model-hero-tool .hero-upload-box:hover{border-color:#685bff;background:#f6f4ff}.model-hero-tool .hero-file-input{position:absolute;inset:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.model-hero-tool .hero-upload-content{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.model-hero-tool .hero-upload-content svg{color:#2a3048}.model-hero-tool .hero-upload-text{font-size:13px;line-height:17px}.model-hero-tool .hero-upload-support{color:rgba(42,48,72,.45);font-size:11px;line-height:15px}.model-hero-tool .hero-upload-loading,.model-hero-tool .hero-upload-preview{display:none}.model-hero-tool .hero-upload-loading{color:#685bff;font-size:13px;font-weight:500}.model-hero-tool .hero-upload-preview,.model-hero-tool .hero-upload-preview img{width:100%;height:100%}.model-hero-tool .hero-upload-preview img{object-fit:contain}.model-hero-tool .hero-upload-operations{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s}.model-hero-tool .hero-upload-preview:hover .hero-upload-operations,.model-hero-tool .hero-upload-operations:focus-within{opacity:1}.model-hero-tool .hero-upload-action{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;color:#fff;border:0;border-radius:50%;background:rgba(27,30,42,.72);cursor:pointer}.model-hero-tool .hero-upload-box.is-loading .hero-file-input{pointer-events:none}.model-hero-tool .hero-upload-box.is-loading .hero-upload-content,.model-hero-tool .hero-upload-box.is-uploaded .hero-upload-content{display:none}.model-hero-tool .hero-upload-box.is-loading .hero-upload-loading,.model-hero-tool .hero-upload-box.is-uploaded .hero-upload-preview{display:block}.model-hero-tool .hero-prompt-field{display:flex;flex:1;flex-direction:column}.model-hero-tool .hero-prompt-wrap{position:relative;flex:1;min-height:114px}.model-hero-tool .hero-prompt{display:block;width:100%;height:100%;padding:11px 12px 30px;color:#2a3048;border:1px dashed #d1d5db;border-radius:12px;background:#fff;font-size:13px;line-height:1.5;resize:none;transition:border-color .2s,background .2s}.model-hero-tool .hero-prompt::placeholder{color:rgba(42,48,72,.4)}.model-hero-tool .hero-prompt:hover,.model-hero-tool .hero-prompt:focus{border-color:#685bff;background:#f6f4ff;outline:0}.model-hero-tool .hero-prompt-count{position:absolute;right:12px;bottom:8px;color:rgba(42,48,72,.45);font-size:11px;line-height:16px;pointer-events:none}.model-hero-tool .hero-tool-status{min-height:16px;margin-top:6px;color:#c43d62;font-size:11px;line-height:16px;text-align:center}.model-hero-tool .hero-generate-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:8px;color:#fff;border-radius:12px;background:linear-gradient(103deg,#5cfff5 2.47%,#685bff 39.92%,#b124f3 90.82%);font-size:16px;font-weight:600;text-decoration:none}.model-hero-tool .hero-generate-btn:hover{color:#fff;opacity:.9}.model-hero-tool .hero-generate-btn.is-disabled{opacity:.45;cursor:not-allowed}.model-hero-tool .hero-file-input:focus-visible+.hero-upload-content,.model-hero-tool .hero-upload-action:focus-visible,.model-hero-tool .hero-generate-btn:focus-visible{outline:2px solid #685bff;outline-offset:2px}.model-hero-workspace .video-box{max-width:none;min-width:0;height:100%;overflow:hidden;border:1px solid #d7dee5;border-radius:16px;background:#f8f9fa}.model-hero-workspace .video-box .banner-image{display:block;width:100%;height:100%}.model-hero-workspace .video-box img,.model-hero-workspace .video-box video{height:100%;border-radius:15px}@media (max-width:992px){.model-hero-workspace{grid-template-columns:minmax(0,1fr);max-width:820px}.model-hero-workspace .video-box{height:auto;aspect-ratio:16 / 9}.model-hero-tool .hero-model-menu{top:calc(100% + 8px);left:0;width:100%;max-width:none;max-height:360px}}@media (max-width:767px){.model-hero-tool{padding:10px}.model-hero-workspace{gap:12px}.model-hero-tool .hero-tool-field{margin-top:8px}.model-hero-tool .hero-tool-label{margin-bottom:4px;font-size:12px}.model-hero-tool .hero-upload-box{height:56px}.model-hero-tool .hero-upload-content{flex-direction:row;gap:8px}.model-hero-tool .hero-upload-support,.model-hero-tool .hero-prompt-count{display:none}.model-hero-tool .hero-upload-operations{opacity:1}.model-hero-tool .hero-prompt-field,.model-hero-tool .hero-prompt-wrap{flex:none}.model-hero-tool .hero-prompt-wrap{height:80px;min-height:80px}.model-hero-tool .hero-prompt{padding:9px 10px}.model-hero-tool .hero-tool-status{min-height:0;margin-top:0}.model-hero-tool .hero-tool-status:not(:empty){min-height:16px;margin-top:4px}.model-hero-tool .hero-generate-btn{min-height:44px;margin-top:8px;font-size:15px}}