@charset "UTF-8";
:root{--bg:#f4f6fa;--paper:#fff;--ink:#17233a;--muted:#536279;--green:#254fd1;--green-hover:#1c3fac;--line:#dce3ee;--pale:#edf2ff;--gold:#ac691e;--red:#a5403e;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label.dropzone:focus-visible{outline:3px solid #9fa8ba;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{font-size:16px;font-weight:600}h3{font-size:13px;font-weight:600}.muted{color:var(--muted);font-size:12px}.sidebar{width:206px;position:fixed;inset:0 auto 0 0;background:#e9ecf1;border-right:1px solid var(--line);padding:37px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:750;letter-spacing:1px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:5px;color:#5e6a81}.brand-mark{display:flex;align-items:center;gap:3px;width:32px;height:37px;transform:rotate(-12deg)}.brand-mark i{width:7px;border-radius:2px;background:var(--green);height:24px}.brand-mark i:nth-child(2){height:35px;background:#8894aa}.nav-caption{font-size:10px;color:#808ca3;letter-spacing:2px;margin:60px 12px 17px}.nav-item{background:none;border:0;text-align:left;display:flex;align-items:center;gap:12px;border-radius:6px;padding:13px 12px;font-size:13px;margin-bottom:7px;white-space:nowrap}.nav-item.active{background:#d8dde7;color:#2f3e59}.nav-item>span{font-size:18px}.nav-item i{font-style:normal;margin-left:auto;font-size:10px;opacity:.5}.sidebar-bottom{margin-top:auto;padding:20px 10px 0;border-top:1px solid #d7dbe3}.sidebar-bottom p{font-size:11px;line-height:1.9;color:#818da3;margin-top:12px}.sidebar-bottom a{display:inline-block;font-size:10px;margin-top:22px;color:#697791}.local-mark{font-size:11px;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;background:#6b7a97;border-radius:50%}.app-shell{margin-left:206px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 45px;background:#f3f5f8}.breadcrumb{font-size:12px;color:#556076}.breadcrumb span{margin:0 14px;color:#b7becb}.top-actions{display:flex;align-items:center;gap:20px}.connection{display:flex;gap:7px;align-items:center;font-size:11px;color:#7b879f}.connection i{width:6px;height:6px;border-radius:50%;background:#9ba5b7}.connection.online i{background:#5b6c8b}.connection.online{color:#4e5a70}main{max-width:1530px;margin:auto;padding:42px 45px 0}.intro{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#6f7d97;margin-bottom:13px}h1{font-size:30px;letter-spacing:1px;font-weight:600;line-height:1.4}h1>span{color:#8893a9}.intro p{color:#76839b;font-size:12px;margin-top:10px;letter-spacing:.3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:41px;padding:0 19px;border:1px solid transparent;border-radius:5px;white-space:nowrap;font-size:12px;font-weight:500;transition:background .15s,transform .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:var(--green-hover)}.button.secondary{background:var(--pale);border-color:#d4d9e3;color:#254fd1}.button.quiet{background:transparent;border-color:#d1d6df;color:#515b6f}.button.small{font-size:11px;min-height:33px;padding:0 13px;gap:9px}.steps{display:flex;align-items:center;max-width:670px;margin:36px 0 32px;gap:20px}.step{display:flex;align-items:center;border:0;padding:0;background:none;gap:11px;text-align:left;flex-shrink:0}.step b{font-size:11px;width:33px;height:33px;display:grid;place-items:center;border:1px solid #d2d6df;border-radius:50%;color:#77849d;font-weight:400}.step>span{font-size:12px;color:#7f8ba2}.step small{display:block;font-size:9px;color:#8c97ab;margin-top:5px}.step.current b{background:var(--green);border-color:var(--green);color:#fff}.step.current>span{color:#2d3b55}.step-line{height:1px;background:#d6dbe5;flex:1}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:24px;align-items:start}.main-column{display:flex;flex-direction:column;gap:23px;min-width:0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.section-title>div{display:flex;align-items:center;gap:12px}.section-index{font-size:10px;letter-spacing:1px;color:#7a869e}.dropzone{display:flex;align-items:center;flex-direction:column;border:1px dashed #bfc6d4;background:#f7f8fb;border-radius:7px;padding:28px 12px 24px;text-align:center;cursor:pointer;transition:background .2s}.dropzone:hover,.dropzone.dragging{background:#e7ebf4;border-color:#657594}.upload-icon{color:#5c6880;width:52px;height:52px;background:#e8ecf3;border-radius:50%;display:grid;place-items:center;margin-bottom:15px}.upload-icon svg{width:28px;height:28px}.dropzone strong{font-size:15px;font-weight:500}.dropzone>span:not(.button):not(.upload-icon){font-size:10px;letter-spacing:.7px;color:#78859d;margin-top:12px}.dropzone small{font-size:10px;color:#8d98ad;margin-top:8px;line-height:1.7}.upload-button{margin-top:21px;min-height:36px;padding:0 22px;pointer-events:none}.demo-strip{display:flex;align-items:center;gap:13px;padding:16px 0 17px;border-bottom:1px solid var(--line)}.demo-strip strong{font-size:11px;font-weight:500}.demo-strip p{font-size:10px;color:#8893a8;margin-top:6px}.demo-strip .button{margin-left:auto;flex-shrink:0}.demo-art{width:46px;height:38px;border-radius:5px;background:#dfe3ec;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-3deg);flex-shrink:0}.demo-art i{height:20px;width:8px;border-radius:2px;background:#738099}.demo-art i:nth-child(2){height:29px;background:#bfaa7d}.demo-art i:nth-child(3){height:16px;background:#959fb3}.section-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px}.asset-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eceef2}.asset-row input{accent-color:var(--green)}.asset-row .asset-icon{background:var(--pale);color:#626f88;display:grid;place-items:center;width:30px;height:35px;border-radius:3px}.asset-info{min-width:0;flex:1}.asset-info strong{display:block;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-info small{display:block;font-size:9px;color:#818da4;margin-top:5px}.text-button{border:0;background:none;font-size:11px;color:#596781;padding:5px 0}.text-button:hover{text-decoration:underline}.text-button.danger{color:var(--red)}.empty-state{min-height:185px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-symbol{font-size:30px;color:#a2abbb;font-weight:200;margin-bottom:14px}.empty-state h3{font-size:12px;font-weight:500;color:#637088}.empty-state p{font-size:10px;line-height:1.9;color:#939db0;margin-top:9px}.subheading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.hint{font-size:10px;color:#818da3;line-height:1.7;margin-bottom:16px}.shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shot-card{border:1px solid var(--line);border-radius:6px;overflow:hidden}.shot-image{position:relative;height:124px;background:#e7eaf0;display:flex;justify-content:center}.shot-image img{width:100%;height:100%;object-fit:cover}.shot-image .preview-button{position:absolute;inset:0;border:0;background:transparent;color:white;font-size:22px;text-shadow:0 1px 6px #000;display:grid;place-items:center}.shot-card .shot-meta{padding:10px}.shot-card strong{font-size:10px;display:block;margin-bottom:5px}.shot-card small{font-size:9px;color:var(--muted)}.shot-card .text-button{font-size:10px;display:block;width:100%;margin-top:7px;padding:7px;border-top:1px solid #e7eaf1}.timeline-heading{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.timeline-heading h3>span{background:var(--pale);border-radius:3px;padding:2px 6px;font-size:10px;margin-left:4px;color:#697792}.inline-empty{font-size:11px;color:#8692a8;background:#f7f8fb;text-align:center;padding:23px 8px;border-radius:5px}.clip-row{border:1px solid var(--line);border-radius:6px;padding:13px;margin-top:11px}.clip-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.clip-number{width:23px;height:23px;background:var(--pale);font-size:10px;display:grid;place-items:center;border-radius:3px}.clip-top strong{font-size:11px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-top .icon-button{font-size:15px;width:24px;height:24px}.clip-fields{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:9px}.clip-fields label,.caption-fields label{font-size:9px;color:#73819a}.clip-fields .input,.caption-fields .input{font-size:11px;min-height:32px;padding:7px 8px;margin-top:5px}.caption-fields{display:grid;grid-template-columns:minmax(0,1fr) 93px 64px;gap:9px;margin-top:12px;align-items:end}.caption-fields .sound-check{display:flex;gap:4px;align-items:center;align-self:end;min-height:32px}.caption-fields input[type=checkbox]{accent-color:var(--green)}.clip-preview{margin-left:auto}.result-empty{display:flex;align-items:center;gap:20px;padding:13px 7px 20px}.film-outline{width:48px;height:69px;background:#e9ecf2;border:1px solid #d5dbe5;border-radius:5px;display:grid;place-items:center;color:#a7afbf}.film-outline span{border:1px solid #c4cbd7;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:10px}.result-empty h3{font-size:12px;font-weight:500;color:#606d85}.result-empty p{font-size:10px;color:#8e99ae;margin-top:8px;line-height:1.7}.final-video-wrap{background:#181e28;border-radius:6px;padding:15px;display:flex;justify-content:center}.final-video-wrap video{max-height:510px;max-width:100%;border-radius:3px}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.result-actions strong{font-size:13px}.result-actions p{margin-top:7px}.settings-column{display:flex;flex-direction:column;gap:20px}.settings-panel{padding:23px 21px}.tiny-label{font-size:8px;letter-spacing:1px;color:#96a0b3}.field-label{font-size:11px;color:#5d6980;display:block;margin:18px 0 9px}.input{display:block;min-height:38px;width:100%;border:1px solid #d8dce5;border-radius:4px;background:#f8f9fc;padding:9px 11px;outline:none;color:#464f60;font-size:12px;line-height:1.5}.input:focus{border-color:#7886a0}.input::placeholder{color:#9aa3b6}textarea.input{resize:vertical}select.input{appearance:auto}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.field-row label{font-size:11px;color:#5d6980}.field-row label .input{margin-top:8px}.aspect-field>span{font-size:11px;color:#5d6980}.aspect-field>div{display:flex;align-items:center;gap:8px;font-size:10px;height:38px;margin-top:8px;background:#eff1f6;border-radius:4px;padding-left:11px;color:#76839b}.aspect-field i{display:block;width:10px;height:17px;border:1px solid #79869e;border-radius:1px}.field-help{font-size:10px;line-height:1.9;color:#8490a6;margin-top:9px}.divider{height:1px;background:var(--line);margin:22px 0}.ai-title{display:flex;align-items:center;justify-content:space-between}.ai-title h3{font-size:12px;font-weight:500}.tag{font-size:9px;background:#eaedf2;border:1px solid #dadfe8;border-radius:3px;color:#74819a;padding:3px 6px;white-space:nowrap}.ai-controls{gap:10px;align-items:end}.ai-controls .button{padding:0 10px;min-height:38px;font-size:10px;gap:5px}.ai-disclosure{color:#8e784e}.progress-panel{padding:21px}.progress-panel h2{font-size:13px}.progress-panel .section-title{margin-bottom:20px}.progress-panel .muted{font-size:9px}.progress-summary{display:flex;gap:12px;align-items:center}.progress-summary>span{font-size:26px;color:#6c7a95;width:30px;text-align:center}.progress-summary strong{font-size:11px;font-weight:500}.progress-summary p{font-size:9px;line-height:1.8;color:#8b96ab;margin-top:5px}.progress-track{height:4px;background:#e6e9f0;border-radius:9px;overflow:hidden;margin-top:18px}.progress-track>div{height:100%;background:#70809d;width:0;transition:width .4s}.progress-track>div.busy{width:45%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:.5;transform:translateX(-5%)}50%{opacity:1;transform:translateX(70%)}}.export-card{border:1px solid #d2d8e4;background:#e6eaf2;border-radius:8px;padding:21px}.export-total{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#67748e}.export-total strong{font-size:24px;font-weight:500;color:#3c4860}.export-total small{font-size:10px;font-weight:400;color:#717e98}.review{display:flex;gap:8px;align-items:start;font-size:10px;line-height:1.8;margin:18px 0;color:#697792}.review input{accent-color:var(--green);margin:3px 0 0}.export-button{width:100%;justify-content:space-between}.export-card>p{font-size:9px;color:#8591a7;text-align:center;margin-top:12px}.history-section{padding:4px 3px}.history-section h3{font-size:11px;font-weight:500;color:#697792}.history-section .text-button{font-size:10px}.history-item{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #dfe2e9}.history-item>span{width:27px;height:27px;border-radius:5px;background:#e1e5ee;display:grid;place-items:center;color:#74829c;font-size:11px}.history-item>div{flex:1}.history-item strong{display:block;font-size:10px;font-weight:500;color:#616d85}.history-item small{display:block;font-size:9px;color:#8d98ad;margin-top:5px}.history-item .text-button{font-size:10px}.history-list>p{font-size:10px;line-height:1.8}.page-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;margin-top:35px;font-size:9px;color:#8893a9;letter-spacing:1px}.page-footer i{margin:0 7px}dialog{border:1px solid var(--line);border-radius:13px;box-shadow:0 30px 90px #20293930;padding:32px;width:440px;max-width:calc(100vw - 32px);color:var(--ink)}dialog::backdrop{background:#1e273855;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-mark{font-size:23px;width:45px;height:45px;display:grid;place-items:center;background:var(--pale);border-radius:12px;color:#4c5b78}.icon-button{border:0;background:transparent;font-size:24px;color:#7a879f;width:30px;height:30px;padding:0;border-radius:4px}.icon-button:hover{background:var(--pale)}dialog h2{font-size:21px;margin-bottom:13px}dialog p{font-size:12px;line-height:1.9;color:#77849c}.full{width:100%;justify-content:space-between}.form-error{min-height:24px;color:var(--red);margin:10px 0;font-size:11px}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.preview-heading h2{font-size:15px;margin:0}#preview-dialog{text-align:center;width:520px}#source-video{width:100%;max-height:65vh;background:#181e28;border-radius:5px}#preview-note{margin-top:12px;font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;border-radius:7px;background:#29354c;color:white;box-shadow:0 5px 25px #20283825;font-size:12px;max-width:90vw;z-index:100;line-height:1.7}.toast.error{background:#874d40}.uploading{opacity:.6;pointer-events:none}
@media(min-width:1500px){.shot-image{height:160px}main{padding-top:48px}.dropzone{padding:34px 12px}.empty-state{min-height:210px}}
@media(max-width:1200px){.sidebar{width:170px;padding:32px 15px}.app-shell{margin-left:170px}.brand{font-size:13px;gap:8px}main{padding:32px 27px 0}.topbar{padding:0 27px}.workspace-grid{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.panel{padding:20px}.demo-strip{gap:9px}.demo-strip p{font-size:9px}.demo-strip .button{font-size:10px;padding:0 8px}.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.caption-fields{grid-template-columns:minmax(0,1fr) 80px 54px}}
@media(max-width:960px){.sidebar{width:76px;padding:30px 12px}.brand>span:last-child,.nav-caption,.nav-item i,.sidebar-bottom{display:none}.brand-mark{margin:auto}.nav-item{font-size:0;margin-top:22px;justify-content:center;padding:12px}.nav-item+.nav-item{margin-top:0}.nav-item>span{font-size:22px}.app-shell{margin-left:76px}.workspace-grid{grid-template-columns:minmax(0,1fr) 265px;gap:16px}main{padding:28px 22px 0}.topbar{height:65px;padding:0 22px}h1{font-size:24px}.intro>.button{font-size:10px;padding:0 10px}.top-actions{gap:12px}.steps{gap:12px}.step small{font-size:8px}.panel{padding:18px}.demo-art{display:none}.demo-strip{align-items:start;flex-wrap:wrap}.demo-strip .button{margin-left:auto}.section-footer{align-items:start;flex-direction:column}.section-footer .button{width:100%}.clip-fields{grid-template-columns:1fr 1fr}.clip-fields label:last-child{grid-column:span 2}.caption-fields{grid-template-columns:1fr 80px}.caption-fields .sound-check{grid-column:span 2}.result-actions{align-items:start;flex-direction:column}.result-actions>.button{width:100%}}
@media(max-width:720px){.sidebar{display:none}.app-shell{margin-left:0}.topbar{height:60px;padding:0 20px}.breadcrumb{font-size:11px}.top-actions{gap:9px}.top-actions .button{padding:0 9px;font-size:10px}.connection{font-size:10px}main{padding:28px 18px 0}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:23px;letter-spacing:0}.intro p{font-size:11px;line-height:1.7}.intro{align-items:start;gap:10px}.intro>.button{font-size:9px;min-height:30px;padding:0 7px;margin-top:0}.workspace-grid{display:flex;flex-direction:column}.main-column,.settings-column{width:100%}.settings-column{display:grid;grid-template-columns:1fr;gap:16px}.settings-panel{order:0}.progress-panel{order:1}.export-card{order:2}.history-section{order:3}.steps{margin:27px 0 22px;gap:10px}.step{gap:7px}.step b{width:27px;height:27px;font-size:9px}.step>span{font-size:11px}.step small{display:none}.step-line{min-width:9px}.panel{padding:19px}.demo-art{display:flex}.demo-strip{align-items:center;flex-wrap:nowrap}.demo-strip p{font-size:9px}.demo-strip strong{font-size:10px}.demo-strip .button{font-size:9px;padding:0 7px;gap:4px}.dropzone{padding:25px 8px}.dropzone small{font-size:9px}.section-title{margin-bottom:19px}.section-footer{flex-direction:row;align-items:center}.section-footer>.button{width:auto;font-size:10px;padding:0 11px}.section-footer .muted{font-size:10px}.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shot-image{height:130px}.clip-fields{grid-template-columns:1fr 1fr 1.2fr}.clip-fields label:last-child{grid-column:auto}.caption-fields{grid-template-columns:minmax(0,1fr) 78px 56px}.caption-fields .sound-check{grid-column:auto}.settings-panel .field-row{grid-template-columns:1fr 1fr}.result-actions{flex-direction:row;align-items:center}.result-actions>.button{width:auto}.page-footer{font-size:8px;letter-spacing:0}dialog{padding:25px}dialog h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.workflow-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:12px}.semantic-card{border:1px solid var(--line);border-radius:6px;padding:15px;margin:12px 0}.semantic-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.semantic-heading strong{font-size:12px}.semantic-speech{font-size:12px;line-height:1.9;color:#59657c;background:#f1f3f8;padding:12px;margin:12px 0;border-radius:4px;white-space:pre-wrap}.semantic-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.semantic-fields label{font-size:10px;color:#6f7d97}.semantic-fields .input{margin-top:5px;font-size:11px}.semantic-fields .wide{grid-column:1/-1}.hook-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--green);margin:12px 0}.hook-toggle input{accent-color:var(--green)}.hook-option{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:5px;margin:10px 0;cursor:pointer}.hook-option input{accent-color:var(--green)}.hook-option strong{font-size:12px}.hook-option p{font-size:11px;line-height:1.9;color:#73819a;margin-top:6px}.compose-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:20px 0 0}.compose-controls label{font-size:10px;color:#717e98}.compose-controls .input{margin-top:7px}.variant-item{display:flex;align-items:center;gap:12px;margin-top:12px;border:1px solid var(--line);padding:13px;border-radius:5px}.variant-item>div{flex:1}.variant-item strong{font-size:12px}.variant-item p{font-size:10px;color:#79869e;margin-top:6px}.variant-item .button{min-height:32px;padding:0 10px;font-size:10px}#download-storyboard{display:inline-block;margin-top:15px}@media(max-width:500px){.semantic-fields{gap:8px}.semantic-fields .input{padding:8px}.workflow-actions{gap:10px}.compose-controls{gap:8px}.variant-item{gap:8px;padding:10px}}
.mode-switch{display:inline-flex;background:#e3e7ee;padding:4px;border-radius:6px;gap:4px;margin-top:25px}.mode-switch button{background:transparent;border:0;padding:9px 19px;font-size:12px;border-radius:4px;color:#717f99}.mode-switch button.active{background:white;color:var(--green);box-shadow:0 1px 4px #262f4010}.mode-switch+.steps{margin-top:25px}.quick-mode #storyboard-section,.quick-mode #workflow-section,.quick-mode .expert-settings,.quick-mode .export-card{display:none}.expert-mode #quick-section{display:none}.quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin:19px 0 12px}.quick-preview{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(0,1.1fr);gap:24px;padding-top:18px;border-top:1px solid var(--line);align-items:start}.quick-preview video{width:100%;max-height:340px;background:#181e28;border-radius:6px}.quick-openings{display:flex;flex-direction:column;gap:9px;margin-top:17px}.quick-opening{border:1px solid var(--line);border-radius:5px;padding:12px;display:flex;align-items:start;gap:9px;cursor:pointer}.quick-opening:has(input:checked){border-color:#7290e6;background:#edf2ff}.quick-opening input{accent-color:var(--green);margin-top:3px}.quick-opening strong{font-size:12px;display:block}.quick-opening p{font-size:11px;line-height:1.8;color:#78859e;margin-top:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.quick-render-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.quick-render-row .hint{margin:0}.quick-panel>#quick-expert-link{margin-top:19px}.expert-mode .semantic-fields{background:#f7f8fb;border-radius:4px;padding:13px}.expert-mode .semantic-advanced{margin-top:12px}.expert-mode .semantic-advanced>summary{cursor:pointer;font-size:11px;color:#6c7a94;padding:8px 0}@media(max-width:720px){.quick-preview{grid-template-columns:1fr;gap:16px}.quick-preview video{max-height:300px}.quick-render-row{flex-direction:column;align-items:stretch;gap:13px}.quick-actions .button{font-size:11px;padding:0 13px}.mode-switch{margin-top:21px}.quick-panel .section-title{align-items:start}}

/* Automatic remix keeps classification as an optional review, and always uses five-role composition. */
.quick-opening{display:block}.quick-opening label{display:flex;align-items:start;gap:9px;cursor:pointer}.quick-opening>.text-button{margin:8px 0 0 22px}.quick-opening p{-webkit-line-clamp:3}.auto-review{margin:20px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.auto-review>summary{cursor:pointer;font-size:12px;color:var(--green)}.auto-review-item{padding:13px 0;font-size:12px;border-bottom:1px solid var(--line);line-height:1.8}.auto-review-item p{overflow-wrap:anywhere}.auto-variant{border:1px solid var(--line);border-radius:5px;padding:15px;margin-top:12px;font-size:12px;line-height:1.9}.auto-variant>p{color:var(--muted);margin:8px 0}.auto-sequence{display:flex;flex-direction:column;align-items:start;gap:8px}.auto-sequence button{text-align:left;white-space:normal;overflow-wrap:anywhere}.quick-panel [hidden]{display:none!important}#auto-gap{color:#9a6635}#auto-render-row .hint{max-width:390px}

.auto-variant details>summary{cursor:pointer;color:var(--green);font-size:11px;margin:10px 0}.auto-variant details[open]>.auto-sequence{padding:7px 0}

.model-failure{padding:18px;margin:18px 0;border:1px solid #dfb7a6;border-radius:6px;background:#fff8f2;color:#874d36;font-size:12px;line-height:1.9}.model-failure>p{margin:9px 0}.model-failure ul{padding-left:20px}.model-failure summary{cursor:pointer}.model-failure pre{max-height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#fff;font-size:11px;border-radius:4px}

.quick-opening .hook-shortage{color:#9a663c;-webkit-line-clamp:unset}.quick-opening:has(input:disabled){border-style:dashed}

.sticker-overview{width:100%;height:auto;margin-top:12px;border-radius:5px}#download-project{margin:12px 8px 0 0}.result-meta+div{flex-wrap:wrap}

.content-review-row{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.content-review-row ul{padding-left:18px;color:#8b6a42}.review-error{color:#a34b35}.review-frames{display:flex;gap:8px;margin:10px 0}.review-frame{background:none;border:1px solid var(--line);border-radius:4px;padding:0;overflow:hidden;max-width:110px;flex:1;font-size:10px}.review-frame img{width:100%;display:block}.review-frame span{padding:5px;display:block}.layout-panel{margin:22px 0;border-top:1px solid var(--line);padding-top:20px}.layout-card{border:1px solid var(--line);border-radius:6px;margin:14px 0;padding:14px;font-size:12px;line-height:1.8}.layout-card>p{font-size:11px;color:#78859e;margin:6px 0}.layout-previews{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.layout-anchor{width:180px;max-width:100%;font-size:11px}.layout-anchor p{margin:5px 0;overflow-wrap:anywhere}.layout-anchor small{color:#78859e;line-height:1.8;display:block}.protection-editor{position:relative;width:100%;touch-action:none}.protection-editor img{width:100%;display:block}.protection-editor svg{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.protection-editor rect{stroke:#db692d;stroke-width:.006;fill:#ef993333;vector-effect:non-scaling-stroke}.layout-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.layout-actions .button{font-size:11px}.layout-anchor .text-button{white-space:normal}@media(max-width:540px){.layout-anchor{width:calc(50% - 8px)}.layout-actions{align-items:stretch;flex-direction:column}}

.final-review-panel{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.final-review-panel summary{cursor:pointer;font-weight:600;font-size:13px}.final-anchor{border-top:1px solid var(--line);padding:16px 0}.final-frame-list{display:flex;gap:12px}.final-frame{padding:0;background:transparent;border:1px solid var(--line);border-radius:5px;overflow:hidden;max-width:160px;min-width:0;flex:1;cursor:pointer;color:inherit}.final-frame img{display:block;width:100%;height:auto}.final-frame span{display:block;font-size:10px;padding:6px}.final-anchor .subheading{gap:12px;flex-wrap:wrap}.final-anchor .button{font-size:11px}.final-clip{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.8}.final-clip>.final-frame{max-width:85px;flex:0 0 85px}.final-clip>div{min-width:0;overflow-wrap:anywhere}.final-clip p{margin:5px 0}#final-review-warnings{color:#a35c39;font-size:12px;line-height:1.8;padding-left:18px}@media(max-width:540px){.final-frame-list{gap:5px}.final-frame span{font-size:9px;padding:4px 1px}}

.candidate-thumb{width:68px;height:100px;object-fit:contain;background:#ebedf1;border-radius:4px;flex:0 0 68px;display:block}.candidate-source{font-size:10px!important;overflow-wrap:anywhere;color:#626f87!important}.semantic-source{display:flex;gap:13px;align-items:center;margin-top:12px;color:#6d7b96;font-size:11px;overflow-wrap:anywhere}.semantic-source span{min-width:0}.auto-review-item>.candidate-thumb{float:left;margin:0 12px 8px 0}.auto-review-item:after{content:"";display:table;clear:both}.quick-opening label>span{min-width:0;flex:1}.quick-opening label>.candidate-thumb{width:57px;height:86px;flex-basis:57px}@media(max-width:480px){.quick-opening label>.candidate-thumb{width:43px;height:66px;flex-basis:43px}.semantic-source{gap:10px}.semantic-source .candidate-thumb{width:52px;height:77px;flex-basis:52px}}

#memory-dialog{width:min(1000px,95vw);max-width:1000px;max-height:92vh;overflow:auto;padding:24px}.memory-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin:16px 0}#memory-video{width:100%;max-height:370px;background:#151b27;border-radius:5px}#memory-scrub{width:100%;accent-color:var(--green)}.memory-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.memory-actions label{flex:1;min-width:120px;font-size:12px}.memory-actions .button{font-size:11px;padding:8px 12px;min-height:32px}.memory-editor-grid ol{font-size:11px;line-height:1.9;color:#5d6980;padding-left:20px}.memory-pick-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.memory-pick-row label{display:flex;gap:10px;align-items:flex-start;flex:1;min-width:0;font-size:12px}.memory-pick-row input{margin-top:4px;accent-color:var(--green)}.memory-pick-row small{display:block;color:var(--muted);font-size:10px;overflow-wrap:anywhere;margin-top:5px}.memory-pick-row strong{overflow-wrap:anywhere}#auto-memory-mode{max-width:300px}@media(max-width:650px){.memory-editor-grid{grid-template-columns:1fr;gap:10px}#memory-dialog{padding:16px}#memory-video{max-height:260px}.memory-pick-row{gap:5px}.memory-pick-row .text-button{font-size:11px}}

#boundary-dialog{width:min(1050px,95vw);max-width:1050px;max-height:92vh;overflow:auto;padding:24px}.boundary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin:16px 0}#boundary-video{width:100%;max-height:380px;background:#151b27;border-radius:5px}#boundary-scrub{width:100%;accent-color:var(--green)}.boundary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:12px 0}.boundary-actions .button{font-size:11px;padding:8px 12px;min-height:32px}.boundary-words{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow:auto;padding:5px}.boundary-word{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);background:#f0f3f8;color:var(--green);border-radius:4px;padding:6px 9px;cursor:pointer}.boundary-word strong{font-size:12px}.boundary-word small{font-size:9px;color:var(--muted)}#boundary-issues{font-size:11px;line-height:1.8;padding-left:18px;color:#95653e}#boundary-captions{overflow-wrap:anywhere}.boundary-actions .text-button{white-space:normal;text-align:left}@media(max-width:650px){#boundary-dialog{padding:16px}.boundary-grid{grid-template-columns:1fr;gap:10px}#boundary-video{max-height:260px}.boundary-words{max-height:180px}}

.boundary-word{max-width:100%;white-space:normal;overflow-wrap:anywhere}.boundary-word strong{max-width:100%;overflow-wrap:anywhere}

.quick-opening { padding: 0; cursor: default; }
.quick-opening label { padding: 12px; }
.quick-opening>.text-button { margin: 0 12px 12px 34px; }
.hook-pick, .hook-picked {
  display: inline-block;
  margin-top: 8px;
  padding: 4px 8px;
  border: 1px solid #7290e6;
  border-radius: 4px;
  color: var(--green);
  font-size: 11px;
  font-weight: 600;
}
.hook-picked, .quick-opening:has(input:checked) .hook-pick { display: none; }
.quick-opening:has(input:checked) .hook-picked { display: inline-block; background: #dde7ff; }
.quick-opening:has(input:disabled) label { cursor: default; }

.guided-action { margin-top: 18px; }
.guided-action .quick-actions { margin: 10px 0; }
.guided-action .auto-review { margin: 12px 0; padding: 10px 0; }
#quick-compose-step > #auto-gap { margin: 12px 0 0; }
#project-settings > summary, .layout-options > summary { cursor: pointer; font-weight: 600; color: var(--green); }
#project-settings > summary { font-size: 13px; }
#project-settings[open] > summary { margin-bottom: 14px; }
#layout-panel { scroll-margin-top: 24px; }
.layout-options { margin-top: 12px; font-size: 12px; }

/* The automatic workflow shows the current step in one column. */
.expert-mode #preview-section { display: none; }
.quick-mode .sidebar { display: none; }
.quick-mode .app-shell { margin-left: 0; }
.quick-mode .topbar { background: #fff; }
.quick-mode main { width: min(100%, 960px); margin-inline: auto; padding: 28px 24px 0; }
.quick-mode .intro h1 { font-size: clamp(26px, 4vw, 36px); letter-spacing: -.035em; }
.quick-mode .mode-switch { margin-top: 16px; }
.quick-mode .steps { margin: 20px 0 18px; }
.quick-mode .workspace-grid { display: block; }
.quick-mode :is(#upload-section,#quick-section,#preview-section,#result-section),
.quick-mode .settings-column { display: none; }
.quick-mode[data-stage="upload"] #upload-section,
.quick-mode[data-stage="storyboard"] #quick-section,
.quick-mode[data-stage="preview"] #preview-section,
.quick-mode[data-stage="result"] #result-section,
.quick-mode[data-stage="history"] .settings-column { display: block; }
.quick-mode[data-stage="history"] .main-column { display: none; }
.quick-mode .history-section { padding: 22px; background: var(--paper); border: 1px solid var(--line); border-radius: 12px; }
.history-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.quick-mode .panel { border-radius: 12px; box-shadow: 0 4px 18px #17233a08; }
.quick-mode .step { color: var(--muted); }
.quick-mode .step.current { color: var(--green); }
.quick-mode .step:disabled { cursor: default; }
.quick-mode .dropzone { min-height: 130px; padding: 20px 12px; background: #f7f9ff; }
.quick-mode .dropzone .upload-icon { display: none; }
.quick-mode .demo-strip { justify-content: center; border: 0; background: transparent; padding: 4px; }
.quick-mode .quick-openings { gap: 12px; }
.quick-mode .quick-opening { display: flex; align-items: center; gap: 0; border-radius: 10px; }
.quick-mode .quick-opening label { flex: 1; min-width: 0; align-items: center; padding: 14px; gap: 12px; }
.quick-mode .quick-opening label input { margin: 0; flex-shrink: 0; }
.quick-mode .quick-opening label p { -webkit-line-clamp: 2; }
.quick-mode .quick-opening > .text-button { flex: none; margin: 0 14px 0 0; }
.quick-mode .quick-opening:has(input:checked) { box-shadow: 0 0 0 1px #7290e6; }
.quick-mode .quick-actions { margin: 12px 0; }
.quick-mode .guided-action > .quick-actions, .quick-mode .quick-render-row .quick-actions { justify-content: space-between; }
.quick-mode .quick-render-row { display: block; }
.quick-mode #project-settings { padding: 10px 0; border: 0; box-shadow: none; }
.quick-mode #project-settings > summary { display: none; }
#workbench-progress { display: none; padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; margin: 0 0 12px; background: #fff; }
.workbench-busy #workbench-progress { display: block; }
#workbench-progress .progress-summary { margin: 0; }
#workbench-progress .progress-track { margin: 6px 0 0; height: 3px; }
#workbench-progress #cancel-button:not([hidden]) { margin-top: 6px; }
.result-extras, #result-variant-slot { border-top: 1px solid var(--line); margin-top: 16px; padding-top: 12px; }
.result-extras > summary, #result-variant-slot > summary { cursor: pointer; color: var(--green); }
.result-extras > summary { margin-bottom: 10px; }
.quick-mode #final-video { max-height: min(57vh, 560px); }
@media (max-width: 560px) {
  .quick-mode main { padding: 20px 14px 0; }
  .quick-mode .topbar { padding: 0 14px; }
  .quick-mode .connection { display: none; }
  .quick-mode .quick-opening label { padding: 10px 6px 10px 10px; gap: 7px; }
  .quick-mode .quick-opening > .text-button { margin-right: 8px; }
  .quick-mode .quick-actions .button { font-size: 12px; padding-inline: 10px; }
}