:root{--bg:#171718;--panel:#202022;--line:#333336;--muted:#8f8f96;--text:#eeece7;--accent:#a34a60;--cream:#f4efdf;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px var(--font)}button,input,textarea,select{font:inherit}button,a,label.fileButton,label.dropzone{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #ceaa74;outline-offset:3px}a{color:inherit;text-decoration:none}button svg,span[data-icon] svg{width:17px;height:17px;display:block;flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}input,textarea,select{width:100%;background:#28282b;border:1px solid #3b3b40;border-radius:5px;color:var(--text);padding:9px 10px;outline:none}select{font-size:12px}textarea{resize:vertical;line-height:1.5}input[type=range]{accent-color:var(--accent);padding:0;height:18px;border:0;cursor:pointer}input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}[hidden]{display:none!important}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 27px;gap:20px}.brand{display:flex;gap:13px;align-items:center;font-size:15px;letter-spacing:2px;font-weight:700;min-width:235px}.brand b{font-weight:400;color:#b6b3ae}.brand small{display:block;font-size:8px;letter-spacing:3px;color:var(--muted);margin-top:6px}.monogram{font:bold italic 47px Georgia;letter-spacing:-8px;position:relative;width:40px;color:var(--cream);line-height:1}.monogram span{color:#bc8262}.project{display:flex;flex-direction:column;gap:5px;min-width:140px;margin-right:auto;border-left:1px solid var(--line);padding-left:25px}.project input{padding:0;border:0;background:none;font-size:13px;font-weight:500;max-width:260px}.project span{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.project span:before{content:'';width:5px;height:5px;border-radius:50%;background:#80a38c}.topActions{display:flex;gap:10px;align-items:center}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cream);color:#28241c;font-weight:700;padding:12px 18px;border:1px solid var(--cream);border-radius:5px;transition:background .2s}.primary:hover{background:#ddd3bc}.ghost{border:1px solid #434347;background:#262629;border-radius:5px;padding:10px 12px;font-size:12px}.ghost:hover{background:#343438}.iconBtn{width:32px;height:32px;background:transparent;border-radius:5px;color:#babac1}.iconBtn:hover{background:#353539;color:var(--text)}.iconBtn.danger:hover{color:#f18e96}.full{width:100%}.small{padding:7px 10px}.workspace{display:grid;grid-template-columns:268px minmax(340px,1fr) 285px;grid-template-rows:minmax(540px,calc(100vh - 290px)) 210px;max-width:2000px;margin:auto}.panel{background:var(--panel);min-width:0}.panelHeading{padding:25px 21px 18px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.65px;color:#a9a4a0}h2{font-size:17px;font-weight:500;letter-spacing:-.4px;margin:10px 0 0}h3{font-size:19px;font-weight:500}.mediaPanel{border-right:1px solid var(--line);overflow:auto}.tabs{display:flex;margin:0 20px 21px;border-bottom:1px solid #414145}.tabs button{width:50%;padding:12px 0;color:var(--muted);background:none;border-bottom:2px solid transparent;font-size:12px}.tabs .active{border-color:#c09678;color:var(--text)}#mediaTab,#templatesTab{padding:0 20px 20px}.dropzone{display:flex;align-items:center;flex-direction:column;border:1px dashed #575057;border-radius:7px;padding:23px 10px 18px;gap:9px;cursor:pointer;background:#252426;text-align:center}.dropzone.dragging{background:#3f2932;border-color:#dba1ac}.dropzone b{font-size:12px;font-weight:500}.dropzone>span:not(.uploadCircle){font-size:10px;color:#aaa5a8}.dropzone small{font-size:9px;color:#78787d;margin-top:5px}.uploadCircle{background:#332b2f;color:#c68d9d;padding:11px;border-radius:50%;margin-bottom:4px}.sectionLabel{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#a09c9d;margin:24px 0 12px}.mediaList{display:flex;flex-direction:column;gap:10px;margin-bottom:17px}.mediaItem{width:100%;display:flex;text-align:left;justify-content:flex-start;background:none;padding:0;gap:10px}.mediaThumb{width:65px;height:46px;border-radius:4px;flex-shrink:0;overflow:hidden;background:#362d2e;position:relative;display:flex;align-items:center;justify-content:center;font:bold 11px Georgia;color:#e9d7bd}.mediaThumb img{width:100%;height:100%;object-fit:cover}.mediaThumb:after{content:'▶';position:absolute;font-size:8px;bottom:4px;right:5px;color:#fff}.mediaItem .mediaName{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.mediaItem small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.mediaItem:hover .mediaName{color:#d3aa8b}.smallNote{font-size:9px;line-height:1.7;color:var(--muted);margin-top:14px;display:flex;gap:7px;align-items:flex-start}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b28d69;flex-shrink:0;margin-top:5px}.projectTools{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;gap:10px}.projectTools button,.textButton{background:none;font-size:10px;padding:0;color:#b7a093;cursor:pointer}.templateCard{display:block;text-align:left;padding:16px;background:#29272a;border:1px solid #484046;border-radius:6px;width:100%;margin-top:12px}.templateCard:hover{border-color:#b18a74}.templateCard>span{font:italic 21px Georgia;color:#eee0c9}.templateCard b{display:block;font-size:12px;margin-top:12px}.templateCard small{display:block;line-height:1.6;color:var(--muted);font-size:10px;margin-top:7px}.previewPanel{display:flex;flex-direction:column;min-width:0;background:#19191b;padding:24px 27px 12px}.previewHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:22px}.previewHeader h2{font:24px Georgia,serif;color:#e6dfd4}.previewBadge{font-size:8px;color:#969195;letter-spacing:1.4px;border:1px solid #454147;border-radius:3px;padding:6px 9px}.previewStage{position:relative;flex:1;min-height:310px;background:#111113;border:1px solid #2e2d30;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden}.stageGrid{position:absolute;inset:0;background-image:linear-gradient(#30303433 1px,transparent 1px),linear-gradient(90deg,#30303433 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,black,transparent 75%)}.canvasFrame{position:relative;height:calc(100% - 34px);width:auto;aspect-ratio:9/16;max-width:94%;box-shadow:0 12px 40px #000a;border:1px solid #55504944;overflow:hidden}.canvasFrame canvas{display:block;width:100%;height:100%;object-fit:contain}.stageLabel{position:absolute;bottom:12px;left:14px;font-size:7px;letter-spacing:1.8px;color:#5b575e;pointer-events:none}.transport{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0 10px}.transportLeft{display:flex;align-items:center;gap:12px}.playBtn{width:35px;height:35px;border-radius:50%;background:#efeadf;color:#292421}.timecode{font-size:11px;font-variant-numeric:tabular-nums;color:#88878c}.timecode b{font-weight:500;color:#d5d2cd}.formatLabel{font-size:9px;color:var(--muted)}.previewHint{border-top:1px solid #302e33;display:flex;align-items:center;justify-content:center;gap:8px;padding-top:13px;color:#898389;font-size:10px}.previewHint svg{width:13px!important;height:13px!important;color:#c89d6e}.inspectorPanel{border-left:1px solid var(--line);display:flex;flex-direction:column}.inspectorScroll{overflow:auto;padding:0 20px 25px}.inspectorScroll details{border-top:1px solid #3a363b;padding:16px 0}.inspectorScroll details>summary{cursor:pointer;font-weight:500;font-size:12px;list-style:none;display:flex;justify-content:space-between}.inspectorScroll details>summary:after{content:'+';color:var(--muted)}.inspectorScroll details[open]>summary:after{content:'−'}.field{display:block;font-size:10px;color:#a6a2a7;margin-top:15px;line-height:1.4}.field input,.field select,.field textarea{display:block;margin-top:7px;color:var(--text);font-size:11px}.rangeField output{float:right;color:#d3cdc7}.twoFields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:8px;font-size:10px;color:#bdb7bc;margin-top:13px}.swatches{display:flex;gap:10px;margin:15px 0}.swatches button{width:22px;height:22px;border-radius:50%;background:var(--swatch);border:2px solid var(--panel);outline:1px solid transparent}.swatches button.selected{outline-color:#c5bbae}.swatches input{width:23px;height:23px;border:1px solid #777;padding:0;border-radius:50%;cursor:pointer}.fileButton{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #544b50;border-radius:5px;padding:11px 7px;margin-top:15px;font-size:10px;color:#cbbbad;cursor:pointer}.fileButton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panelDescription{font-size:11px;line-height:1.65;color:#a49ca2}.inspectorScroll .textButton{margin-top:10px}.captionEdit{padding:10px;background:#29262a;border:1px solid #443a43;border-radius:5px;margin:12px 0}.captionEdit .twoFields{gap:7px}.captionEdit input{font-size:10px}.captionEdit textarea{font-size:11px;margin-top:8px}.captionEdit button{font-size:10px;color:#d9a3ae;background:none;margin-top:7px}.timelinePanel{grid-column:1/-1;border-top:1px solid var(--line);background:#222224;min-width:0;padding:16px 27px 0}.timelineToolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:10px}.timelineToolbar .eyebrow{font-size:8px}.timelineToolbar h2{font-size:13px;margin-top:6px}.timelineToolbar h2>span{color:#89838b;font-size:10px;margin-left:12px}.timelineTools{display:flex;align-items:center;gap:5px}.divider{height:18px;width:1px;background:var(--line);margin:0 7px}.timelineScroll{overflow-x:auto;padding-bottom:1px}.ruler{display:flex;justify-content:space-between;color:#807b82;font-size:9px;height:16px;font-variant-numeric:tabular-nums}.timeline{display:flex;gap:5px;height:57px;min-width:100%}.timelineClip{position:relative;min-width:84px;flex-shrink:0;flex-grow:1;background:#42363d;border:1px solid #67505d;border-radius:5px;justify-content:flex-start;text-align:left;overflow:hidden;padding:10px 11px;gap:8px}.timelineClip.active{border:2px solid #caac84;background:#594049;padding:9px 10px}.timelineClip b{display:block;font-weight:500;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timelineClip small{font-size:8px;color:#c1a5b1;display:block;margin-top:6px}.timelineClip .mini{font:bold 13px Georgia;flex-shrink:0;opacity:.6}.timelineClip::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:var(--clip-progress,0%);background:#f1d8aa}#scrubber{width:100%;height:12px;margin:4px 0;display:block;accent-color:#dfbd8d}.captionTrack{height:23px;border-radius:3px;background:#282e2d;border:1px solid #414f49;color:#91a699;display:flex;align-items:center;gap:7px;font-size:9px;padding:0 10px}.captionTrack svg{height:12px!important;width:12px!important}.timelineFooter{display:flex;justify-content:space-between;padding:9px 0;color:#8d878f;font-size:9px;gap:8px}kbd{display:inline-block;border:1px solid #4c474e;border-radius:2px;padding:1px 4px;font-size:8px;color:#b3acb6}dialog{color:var(--text);background:#242225;border:1px solid #5c4a50;border-radius:12px;width:480px;max-width:calc(100% - 28px);max-height:calc(100% - 35px);padding:27px;box-shadow:0 24px 90px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font:31px Georgia;margin:18px 0 12px}dialog>p{font-size:12px;line-height:1.7;color:#b3a9af}.dialogTop{display:flex;justify-content:space-between;align-items:center}.guide{padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:17px;margin:24px 0}.guide li{position:relative;padding-left:35px;counter-increment:step}.guide li:before{content:'0' counter(step);position:absolute;left:0;top:0;color:#c2987a;font-size:11px}.guide b{display:block;font-size:12px;margin-bottom:6px;font-weight:500}.guide span{font-size:11px;line-height:1.6;color:#a99da6}.infoBox{background:#302a2b;border-left:2px solid #a98669;font-size:11px;line-height:1.7;padding:13px 15px;color:#c3b6bc;margin:20px 0}.progressLabel{display:flex;justify-content:space-between;font-size:12px;margin-top:25px}.progressLabel b{color:#d6b98b}progress{width:100%;accent-color:#a34a60;height:10px;margin:16px 0 25px}.successMark{width:56px;height:56px;border-radius:50%;background:#34473d;color:#b6d8c1;display:flex;align-items:center;justify-content:center;margin:25px auto 10px;font-size:27px}#exportDone{text-align:center}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#ece4d6;color:#36292d;box-shadow:0 5px 30px #0005;border-radius:6px;padding:12px 18px;font-size:12px;max-width:calc(100% - 28px);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}.mobileNav{display:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#51464e;border-radius:3px}
@media(min-width:1500px){.workspace{grid-template-columns:300px minmax(340px,1fr) 315px}.previewPanel{padding:27px 45px 14px}.canvasFrame{height:calc(100% - 54px)}}
@media(max-width:1120px){.workspace{grid-template-columns:230px minmax(280px,1fr) 250px}.topbar{padding:0 20px}.brand{min-width:205px;font-size:13px}.project{padding-left:16px}.previewPanel{padding:22px 18px 12px}.previewHeader h2{font-size:20px}.mediaItem .mediaName{max-width:105px}.panelHeading{padding-left:17px}#mediaTab,#templatesTab{padding-left:15px;padding-right:15px}.inspectorScroll{padding-left:15px;padding-right:15px}.previewBadge{display:none}.topActions{gap:7px}}
@media(max-width:880px){.topbar{height:70px;padding:0 16px}.brand{min-width:0}.brand small{font-size:7px}.brand{font-size:12px;letter-spacing:1px;gap:10px}.monogram{font-size:38px;width:32px}.project{display:none}.desktop{display:none}.topActions .primary{padding:10px 12px;font-size:11px}.topActions .ghost{padding:9px}.mobileNav{display:flex;border-bottom:1px solid var(--line);background:#202022;padding:0 15px}.mobileNav button{background:none;color:#959099;font-size:12px;padding:12px 20px;border-bottom:2px solid transparent}.mobileNav .active{color:#eae1d7;border-color:#c2987a}.workspace{display:flex;flex-direction:column}.workspace>aside,.previewPanel{height:auto;min-height:480px}.workspace [data-mobile]:not(.mobileActive){display:none}.workspace [data-mobile].mobileActive{display:flex}.mediaPanel.mobileActive{display:block!important;padding-bottom:20px}.inspectorPanel{border:0}.inspectorScroll{max-height:65vh}.previewPanel{height:calc(100svh - 335px);min-height:470px;padding:20px 16px 10px}.previewHeader{padding-bottom:16px}.previewStage{min-height:300px}.canvasFrame{height:calc(100% - 20px)}.previewHint{font-size:9px}.stageLabel{font-size:6px}.timelinePanel{padding:16px 15px 0;height:217px}.timelineToolbar h2>span{display:none}.timelineToolbar h2{font-size:11px}.timelineTools{gap:0}.timelineTools .iconBtn{width:28px;height:28px}.timelineTools .small{font-size:10px;padding:6px}.divider{margin:0 3px}.panelHeading{padding:22px 20px 16px}#mediaTab,#templatesTab{padding:0 20px}.mediaItem .mediaName{max-width:240px}.mediaList{display:grid;grid-template-columns:1fr 1fr}.mediaItem .mediaName{max-width:110px}.dropzone{padding:25px}.projectTools{justify-content:flex-start;gap:30px}.inspectorScroll{padding:0 20px 22px}.previewHeader h2{font-size:22px}.timelineFooter{font-size:8px}.timecode{font-size:10px}.formatLabel{font-size:8px}.smallNote{font-size:10px}.templateCard{margin-top:10px}.templateCard>span{font-size:24px}}
@media(max-width:410px){.brand span:not(.monogram){font-size:10px}.topActions{gap:2px}.topActions .buttonText{display:none}.topActions .iconBtn{width:25px}.previewHeader h2{font-size:19px}.timelineTools .iconBtn{width:24px}.timelineTools .small span:not([data-icon]){display:none}.timelineToolbar{gap:4px}.mediaList{grid-template-columns:1fr}.mediaItem .mediaName{max-width:220px}.transportLeft{gap:7px}}
.autoTop{background:#35272e;color:#e8c7cf;border:1px solid #795064;padding:10px 12px;border-radius:5px;font-size:11px}.autoTop:hover{background:#49313b}.autoEntry{width:100%;background:linear-gradient(120deg,#44303a,#2b282c);border:1px solid #755263;border-radius:7px;padding:14px 10px;margin-bottom:18px;text-align:left;justify-content:flex-start;gap:10px}.autoEntryIcon{background:#66424f;padding:8px;border-radius:50%;color:#efd9bd}.autoEntry b{font-size:10px;font-weight:500;display:block}.autoEntry small{font-size:8px;line-height:1.6;display:block;color:#b99dab;margin-top:5px}.autoEntry>span:last-child{margin-left:auto;color:#ddc3af}.autoDialog h2{font-size:34px;line-height:1.1}.autoAdvanced{margin-top:17px;border:1px solid #494047;padding:12px;border-radius:5px}.autoAdvanced summary{font-size:11px;color:#c9b7bc;cursor:pointer}.autoSubtitleOption{margin-top:20px}.autoModelNote{font-size:10px;line-height:1.7;color:#a99ca4;margin:10px 0 20px}.autoImport{cursor:pointer}.autoSteps{padding:0;margin:23px 0;list-style:none;display:flex;flex-direction:column;gap:15px;counter-reset:phase}.autoSteps li{counter-increment:phase;color:#897d88;font-size:12px;display:flex;gap:12px;align-items:center}.autoSteps li:before{content:'0' counter(phase);border:1px solid #50424b;border-radius:50%;width:28px;height:28px;font-size:9px;display:flex;align-items:center;justify-content:center}.autoSteps li.current{color:#eed9be}.autoSteps li.current:before{border-color:#bc8b6f;background:#534139}.autoSteps li.done{color:#a1bfac}.autoSteps li.done:before{content:'✓';color:#b7d6c2;border-color:#527561}.autoFilename{font-size:11px;color:#bdacb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:20px}#autoFallback .ghost,#autoDone .ghost{margin-top:10px}.autoTop~#helpBtn{width:27px}
@media(max-width:880px){.autoTop span:not([data-icon]){display:none}.autoTop{padding:9px}.topActions{gap:4px}.autoEntry b{font-size:12px}.autoEntry small{font-size:10px}.autoDialog h2{font-size:29px}}@media(max-width:410px){.topActions .primary{padding:10px 8px;font-size:10px}.autoTop{padding:8px}.brand{gap:6px}.brand .monogram{width:25px;font-size:33px}}
.cutRow{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#c7bbc1;padding:10px 0;border-bottom:1px solid #443940}.cutRow input{width:14px;height:14px;flex-shrink:0;margin-top:3px}.cutRow span{line-height:1.6}.cutRow small{display:block;font-size:9px;color:#9a8a96}.cutRow button{padding:4px 6px;background:#3b3038;border-radius:4px;color:#dac8bd;font-size:9px;margin-left:auto;flex-shrink:0}#autoCutsList{max-height:260px;overflow:auto;margin-top:10px}.projectTools .textButton{font-size:10px}

.hookIdeas{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.hookIdeas button{background:#2b2629;border:1px solid #4a3e44;border-radius:999px;padding:6px 10px;font-size:10.5px;color:#e2d4d8;text-align:left;line-height:1.35}
.hookIdeas button:hover{border-color:var(--accent);background:#3a2b31}
.errorBox{border-left-color:#d06a6a;color:#f0cfcf;margin:6px 0 4px}
.warnBox{border-left-color:#d8a44c;margin:14px 0 0}
#exportDone .field textarea{font-size:11.5px;line-height:1.55}
#exportDone .primary{margin-top:6px}

.modeTabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#1a181b;border:1px solid #3d363b;border-radius:7px;padding:4px;margin:4px 0 6px}
.modeTabs button{padding:9px;border-radius:5px;font-size:11.5px;color:#bdb2b6;background:transparent}
.modeTabs button.active{background:var(--accent);color:#fff}
.portraitRow{display:flex;align-items:center;gap:12px;margin-top:14px}
.portraitRow img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);flex-shrink:0}
.portraitRow .fileButton{flex:1;margin:0}
#autoFacelessPanel .primary,#autoFacelessPanel .ghost{margin-top:10px}
.fileLike{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center}
.recHead{display:flex;align-items:center;gap:9px;font-size:12px;color:#e6d8dc;margin:6px 0 12px}
.recHead b{font-variant-numeric:tabular-nums;margin-left:auto;font-size:15px}
.recDot{width:11px;height:11px;border-radius:50%;background:#e2483d;animation:recPulse 1.2s infinite}
@keyframes recPulse{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.recDot{animation:none}}
.prompter{height:min(46vh,360px);overflow:hidden;background:#100e10;border:1px solid #3d363b;border-radius:8px;padding:22px 20px;font:600 24px/1.65 Arial,sans-serif;color:#fff6ea;white-space:pre-wrap}
.prompter::after{content:'';display:block;height:40vh}
.cutAuditionControls{display:flex;gap:4px;margin-left:auto;align-items:center}.cutRow .cutAuditionControls button{margin:0;cursor:pointer}.batchDownloads{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}.batchDownloads a{font-size:10px;overflow-wrap:anywhere;justify-content:flex-start}

.secureWarn{background:#5a2b1f;color:#ffe2d3;font-size:12px;padding:9px 16px;text-align:center;border-bottom:1px solid #8a4632}