@font-face{font-family:"Poppins";src:url(fonts/poppins.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url(fonts/poppins-bold.woff) format("woff");font-weight:700 900;font-display:swap}
@font-face{font-family:"Montserrat";src:url(fonts/montserrat.woff) format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:"Oswald";src:url(fonts/oswald.woff) format("woff");font-weight:200 700;font-display:swap}
@font-face{font-family:"Bebas Neue";src:url(fonts/bebasneue.woff) format("woff");font-weight:400 900;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(fonts/playfairdisplay.woff) format("woff");font-weight:400 900;font-display:swap}
@font-face{font-family:"Caveat";src:url(fonts/caveat.woff) format("woff");font-weight:400 700;font-display:swap}
@font-face{font-family:"Noto Sans Tamil";src:url(fonts/notosanstamil.woff) format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:"Noto Sans Telugu";src:url(fonts/notosanstelugu.woff) format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:Studio Sans;src:url(fonts/sans.ttf);font-weight:400;font-display:swap}@font-face{font-family:Studio Sans;src:url(fonts/sans-bold.ttf);font-weight:700 900;font-display:swap}@font-face{font-family:Studio Narrow;src:url(fonts/narrow.ttf);font-weight:400 900;font-display:swap}@font-face{font-family:Studio Serif;src:url(fonts/serif.ttf);font-weight:400 900;font-display:swap}
:root{--bg:#101214;--panel:#17191b;--line:#2c2e31;--muted:#93969c;--text:#eeefef;--orange:#ffa567;--accent:#c9b9fc;--ui:Studio Sans,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font:12px var(--ui);height:100dvh;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;transition:background .14s,border-color .14s,opacity .14s}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#b093f0!important}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{vertical-align:middle}[hidden]{display:none!important}button{border:0;background:none}.button{border:1px solid #373a3e;background:#24272a;border-radius:7px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;white-space:nowrap}.button:hover{background:#303337}.button.primary{background:var(--orange);border-color:var(--orange);color:#251b13;font-weight:700}.button.primary:hover{background:#ffb886}.button.subtle{background:#202326}.wide{width:100%}.icon-button{border:1px solid transparent;min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:5px;font-size:20px;color:#afb3b8}.icon-button:hover{background:#2b2e31;color:#fff}.icon-button.selected{color:var(--orange);background:#30251e}.text-button{font-size:10px;color:#b7b1a9;padding:0}.text-button:hover{color:var(--orange)}
.topbar{height:65px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding:0 22px;background:#17191b;position:relative;z-index:30}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f5f5f5;min-width:178px}.brand strong{font-size:18px;font-weight:800;letter-spacing:-1px}.brand strong span{font-weight:400;color:#b6b8bc}.brand-mark{height:32px;width:32px;background:var(--orange);color:#261b13;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;line-height:1;border-radius:9px;padding-bottom:3px;position:relative}.brand-mark span{font-size:13px;position:absolute;right:3px;bottom:5px;color:#392313}.project-heading{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.breadcrumb{color:#777b80;font-size:11px;white-space:nowrap}#projectName{background:none;color:#e5e7e8;border:1px solid transparent;padding:6px 4px;border-radius:5px;font-size:12px;font-weight:700;max-width:230px;width:230px;text-overflow:ellipsis}#projectName:hover{border-color:#393d40}.private-badge{display:flex;align-items:center;gap:5px;color:#afaeb1;font-size:9px;border:1px solid #373a3e;border-radius:5px;padding:4px 6px}.private-badge svg{width:10px;height:10px}.top-actions{display:flex;align-items:center;gap:10px}.saved{font-size:10px;color:#969c98;margin-right:8px;white-space:nowrap}.saved i{display:inline-block;width:5px;height:5px;background:#8bbc91;border-radius:50%;margin-right:6px}.top-actions .button{height:34px}.top-actions svg{width:14px;height:14px}.editor{height:calc(100dvh - 65px);display:grid;grid-template-columns:76px 280px minmax(320px,1fr) 320px;grid-template-rows:minmax(330px,1fr) 175px}.rail{grid-row:1/-1;display:flex;flex-direction:column;align-items:center;padding:16px 0;border-right:1px solid var(--line);background:#17191b;gap:12px}.rail-item{height:60px;width:60px;color:#92969c;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:9px}.rail-item svg{height:22px;width:22px}.rail-item:hover{background:#26282a;color:#fff}.rail-item.active{background:#2e251e;color:var(--orange)}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:19px}.avatar{width:30px;height:30px;border-radius:50%;background:#4a4138;color:#decdbd;display:grid;place-items:center;font-size:11px;border:1px solid #5f5245}.transcript-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:#191b1d}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 11px}.panel-title h1{font-size:14px;font-weight:700;margin:0;display:flex;align-items:center;gap:9px}.panel-title h1 span{font-size:9px;font-weight:400;border:1px solid #3d4044;padding:2px 5px;border-radius:5px;color:#a8acb0}.panel-title .icon-button{font-size:23px}.transcript-tools{padding:0 16px 12px}.transcript-tools .button{color:#c5c6c9;border-color:#35383b;background:#242629}.transcript-tools svg{height:14px;width:14px}.search{height:34px;display:flex;align-items:center;gap:7px;margin-top:11px;padding:0 9px;background:#151719;border:1px solid #303337;border-radius:6px}.search svg{width:13px;height:13px;color:#6f747c}.search input{min-width:0;width:100%;background:none;border:0;color:#d2d5d8;font-size:10px}.search span{color:#73767c}.caption-list{overflow-y:auto;flex:1;padding:0 12px 16px;scrollbar-width:thin;scrollbar-color:#37393e transparent}.caption-card{border:1px solid transparent;border-bottom-color:#303337;border-radius:7px;padding:13px 11px;margin:3px 0 6px;position:relative;cursor:pointer;background:#1c1e20}.caption-card:hover{background:#222528}.caption-card.selected{border-color:#76583e;background:#302820}.caption-card.selected:before{content:'';position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:4px;background:var(--orange)}.caption-meta{display:flex;align-items:center;gap:5px;color:#8d9095;font-size:9px;font-variant-numeric:tabular-nums}.caption-meta .caption-index{color:#aaaeb4;margin-right:auto}.caption-meta input{background:none;border:1px solid transparent;border-radius:4px;color:#b1aea9;width:41px;padding:2px 1px;font-size:9px;text-align:center;appearance:textfield}.caption-meta input::-webkit-inner-spin-button{display:none}.caption-meta input:hover{border-color:#5b5147}.delete-phrase{color:#858b91;font-size:16px;line-height:1;padding:0 2px;margin-left:3px}.delete-phrase:hover{color:#ffc29f}.phrase-text{width:100%;color:#e3e2e0;border:1px solid transparent;background:none;padding:8px 0 1px;line-height:1.65;resize:none;font-size:13px;outline:0!important}.phrase-text:focus{border-color:transparent!important}.caption-card.selected .phrase-text{color:#fff2e5}.empty-list{text-align:center;line-height:1.8;color:#858b93;padding:34px 15px}.transcript-footer{padding:14px 18px;border-top:1px solid var(--line);color:#858991;font-size:9px;line-height:1.7}.mini-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--orange);margin-right:5px}.transcript-footer button{display:block;color:#c0aba0;font-size:10px;padding:8px 0 0}.canvas-panel{grid-column:3;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:#121416}.canvas-toolbar{height:53px;flex-shrink:0;display:flex;align-items:center;padding:0 18px;gap:9px;border-bottom:1px solid #24272a}.segmented{display:flex;background:#1c1f21;border:1px solid #35383b;padding:3px;border-radius:6px;gap:2px}.segmented button{padding:5px 10px;color:#8d949c;border-radius:4px;font-size:10px;min-width:30px}.segmented button:hover{color:#e2e4e7}.segmented button.selected{background:#3d3430;color:#ffd2b3}.segmented svg{width:13px;height:13px;margin-right:4px}.canvas-toolbar select{background:none;border:0;font-size:10px;color:#9b9da4;padding:6px 3px;max-width:155px;margin-left:auto}.canvas-toolbar select option{background:#22272a}.stage-wrap{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:22px 32px 6px;overflow:hidden;background-image:radial-gradient(#ffffff06 .7px,transparent .7px);background-size:10px 10px}.stage{position:relative;width:100%;height:100%;aspect-ratio:9/16;max-width:100%;max-height:100%;overflow:hidden;border:1px solid #363d3f;background:#181e22;box-shadow:0 12px 50px #0005;isolation:isolate;container-type:inline-size;touch-action:none}.stage video,.stage>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.stage .shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0003,transparent 60%)}.demo-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 20% 25%,#48554b,transparent 70%),linear-gradient(145deg,#131c19,#151c1b 55%,#453e2c)}.stage.noir .demo-art{background:radial-gradient(ellipse at 80% 30%,#35404a,transparent 60%),#0c0f11}.stage.warm .demo-art{background:radial-gradient(ellipse at 30% 20%,#765b48,transparent 60%),linear-gradient(150deg,#342824,#221a19)}.stage.solid .demo-art{background:var(--solid)}.stage.solid .orb{display:none}.orb{border:1px solid #aaa68b60;border-radius:50%;position:absolute;transform:rotate(-30deg);background:linear-gradient(145deg,#b8bba329,#20292111);box-shadow:inset -25px -15px 50px #1119,10px 10px 55px #b5ad7430}.orb-one{width:120%;height:62%;left:7%;top:-20%;border-radius:45%;transform:rotate(-35deg);box-shadow:inset 4px 2px 30px #cacc9c40}.orb-two{width:90%;height:52%;left:-40%;bottom:-21%;border:1px solid #ccbb8c60;box-shadow:inset -15px -15px 30px #a68c4e40}.art-grain{position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.art-label{position:absolute;left:10%;top:12%;display:flex;flex-direction:column;gap:3px;font-size:2.2cqw;letter-spacing:.2em;color:#c5c8b6;line-height:1.5}.art-index{position:absolute;bottom:7%;left:10%;font:2.5cqw Studio Serif,Georgia,serif;line-height:1.6;letter-spacing:.04em;color:#b9bba8}.safe-guide{position:absolute;inset:10% 6%;border:1px dashed #e2e4cc26;pointer-events:none}.safe-guide:after,.safe-guide:before{content:'';position:absolute;left:50%;top:-2%;height:104%;width:1px;background:#ece7cd0a}.safe-guide:before{left:-3%;top:50%;width:106%;height:1px}.safe-guide>span{position:absolute;bottom:5px;right:5px;color:#babda459;font-size:1.8cqw;letter-spacing:.08em}.caption-overlay{position:absolute;left:50%;top:66%;width:88%;transform:translate(-50%,-50%);z-index:5;text-align:center;pointer-events:none;line-height:1.22}.canvas-words{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:.12em .23em;pointer-events:none}.word-shell{position:relative;display:inline-flex;align-items:baseline;max-width:100%;pointer-events:auto;touch-action:none;z-index:1;transition:outline-color .1s}.word-shell.is-selected{outline:1px solid #ffd0a499;outline-offset:5px;border-radius:3px;z-index:2}.word-shell:hover{outline:1px dashed #ffc49b66;outline-offset:5px}.word-text{display:inline-block;outline:none;border-radius:3px;padding:0 .02em;white-space:pre-wrap;overflow-wrap:anywhere;min-width:.25em;cursor:text}.word-text:focus{outline:none;border:0;caret-color:var(--orange)}.move-mode .word-text{cursor:grab;user-select:none}.move-mode .word-shell:active{cursor:grabbing}.word-linebreak{width:100%;height:0}.phrase-handle{position:absolute;top:-27px;left:50%;transform:translateX(-50%);height:22px;width:27px;border:1px solid #826547;border-radius:5px;background:#382d23ef;color:#ffc08b;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:grab;touch-action:none;opacity:.6}.phrase-handle:hover{opacity:1}.phrase-handle svg{width:12px;height:12px}.playing .phrase-handle{display:none}.playing .word-shell{outline:0!important}.canvas-hint{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#727a81;padding:9px 10px;min-height:30px;text-align:center}.canvas-hint svg{height:12px;width:12px}.playback{height:57px;flex-shrink:0;display:flex;align-items:center;gap:4px;border-top:1px solid #24272a;padding:0 18px}.playback-main{display:flex;align-items:center;justify-content:center;gap:10px;flex:1}.play-button{width:32px;height:32px;border-radius:50%;background:#e9e6df;color:#1e2326;display:flex;align-items:center;justify-content:center}.play-button svg{fill:currentColor;stroke-width:0;width:16px;height:16px}.play-button:hover{background:var(--orange)}.clock{font-size:9px;font-variant-numeric:tabular-nums;color:#a6aaaf;margin-left:6px}.inspector{grid-column:4;grid-row:1/-1;background:#191b1d;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.inspector-tabs{height:53px;display:flex;padding:0 16px;gap:17px;border-bottom:1px solid var(--line);flex-shrink:0}.inspector-tabs button{height:100%;color:#92979d;font-size:11px;border-bottom:2px solid transparent;padding:0 6px}.inspector-tabs button.selected{color:#ffba89;border-bottom-color:#ffab70}.inspector-tabs span:not(:empty){height:4px;width:4px;display:inline-block;background:var(--orange);border-radius:50%;vertical-align:middle;margin-left:4px}.inspector-scroll{overflow-y:auto;flex:1;padding:22px 18px;scrollbar-width:thin;scrollbar-color:#383b40 transparent}.intro .eyebrow{font-size:8px;letter-spacing:.15em;color:#918579;margin-bottom:10px}.intro h2{font-size:19px;letter-spacing:-.65px;font-weight:700;line-height:1.4;margin:0}.intro p{color:#858a91;font-size:10px;line-height:1.8;margin:6px 0 19px}.intro.compact h2{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field{display:block;font-size:10px;color:#adb0b5;margin:15px 0}.field>label{display:block;margin-bottom:8px}select,input:not([type=range]):not([type=checkbox]):not([type=file]),textarea{background:#202325;border:1px solid #383b40;border-radius:6px;color:#e5e6e7;padding:9px 10px;width:100%;font-size:11px}.field select,.field>input{margin-top:8px}.scope-row{display:flex;align-items:center;gap:15px;margin:0 0 15px}.scope-row label{margin:0;font-size:9px;color:#828990;flex:1}.scope-row select{width:135px;margin:0;font-size:9px;padding:7px 5px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-card{border:1px solid #33383b;border-radius:8px;background:#222627;text-align:left;padding:0;overflow:hidden;position:relative}.template-card:hover{border-color:#887764}.template-card.selected{border-color:var(--orange);box-shadow:0 0 0 1px #ffa56720}.template-card.selected:after{content:'✓';position:absolute;top:5px;right:5px;font-size:8px;background:var(--orange);color:#1c1915;border-radius:50%;width:13px;height:13px;display:grid;place-items:center}.template-sample{height:77px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 10% 0,#47534599,transparent 75%),#1b2320;font-size:15px;text-align:center;line-height:1.15;letter-spacing:-.2px;padding:12px 9px}.template-card:nth-child(3n) .template-sample{background:radial-gradient(ellipse at 0 20%,#504b4166,transparent 70%),#211e1d}.template-card:nth-child(4n) .template-sample{background:radial-gradient(ellipse at 10% 0,#3d504799,transparent 75%),#16251e}.template-sample em{font-style:inherit;display:block}.template-name{font-size:9px;padding:9px 10px;display:block;background:#222426;color:#d4d7d8}.template-name small{display:block;color:#686f76;font-size:6px;letter-spacing:1px;margin-top:4px}.preserve-note{color:#9b9d9f;display:flex;align-items:center;gap:6px;font-size:8px;margin-top:13px}.preserve-note svg{height:11px;width:11px;color:#afa892}.auto-section{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch-row strong{font-size:11px;font-weight:700}.switch-row small{color:#7e848a;font-size:9px;display:block;margin-top:5px}.toggle{position:relative;display:inline-block;width:30px;height:17px;cursor:pointer;flex-shrink:0}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle span{position:absolute;inset:0;background:#414549;border-radius:12px;transition:background .15s}.toggle span:after{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#a7b0b4;transition:transform .15s}.toggle input:checked+span{background:#ff9c56}.toggle input:checked+span:after{transform:translateX(13px);background:#29221b}.toggle input:focus-visible+span{outline:2px solid var(--orange);outline-offset:3px}.micro{font-size:9px;color:#777f88;line-height:1.8;margin:10px 0 0}.background-section{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.subheading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.subheading h3{font-size:11px;margin:0;font-weight:700}.subheading>span{font-size:7px;letter-spacing:1px;color:#8d867f}.background-swatches{display:flex;gap:10px}.swatch{height:32px;width:46px;border-radius:6px;border:1px solid #444b4d;background:#171d1d;position:relative}.swatch.aurora{background:linear-gradient(120deg,#57614e,#172525,#534833)}.swatch.noir{background:linear-gradient(120deg,#172125,#46555f)}.swatch.warm{background:linear-gradient(120deg,#805744,#23181c)}.swatch.selected{border-color:var(--orange);box-shadow:0 0 0 2px #ffa56718}.custom-swatch{cursor:pointer;overflow:hidden}input[type=color]{padding:0!important;border:0!important;cursor:pointer;width:100%;height:100%;background:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.custom-swatch:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#ddd;font-size:16px}.media-info{display:flex;align-items:center;gap:7px;margin-top:12px;color:#a3a9ac;font-size:9px}.media-info span{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.media-info button{font-size:17px;color:#a8afb4}.inspector-footer{height:41px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:6px;color:#686e76;letter-spacing:.11em;padding:0 18px;flex-shrink:0}.inspector-footer span:last-child{font-size:14px;color:#998772}.range-field output{float:right;font-size:9px;color:#d3b999}.range-field input{display:block;width:100%;margin:12px 0 0;accent-color:var(--orange);height:3px;cursor:pointer}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.control-grid .field{margin:5px 0 13px}.color-control{display:flex;align-items:center;gap:7px;padding:6px;background:#202325;border:1px solid #383b40;border-radius:6px;margin-top:8px;height:32px}.color-control input{width:20px;height:19px}.color-control span{font-size:9px;color:#acb1b8}.control-grid .segmented{margin-top:8px;height:32px;padding:2px}.control-grid .segmented button{padding:4px 7px}.highlight-row{margin-top:22px}.divider{height:1px;background:var(--line);margin:22px 0}.position-presets{display:flex;gap:8px}.position-presets button{flex:1;border:1px solid #3a3e42;border-radius:5px;font-size:9px;padding:7px;color:#afb4ba;background:#222628}.position-presets button:hover{border-color:var(--orange);color:var(--orange)}.reset-actions{display:flex;gap:8px;margin-top:25px}.reset-actions .button{flex:1;font-size:9px;padding:7px 6px}.timeline-panel{grid-column:2/4;grid-row:2;background:#191b1d;border-top:1px solid var(--line);padding:15px 19px 0;min-width:0}.timeline-header{display:flex;justify-content:space-between;align-items:center;font-size:10px}.timeline-header>div{display:flex;align-items:center;gap:15px}.timeline-header strong{font-weight:700}.timeline-header>div>span{color:#777f87;font-size:9px}.timeline-header .text-button{font-size:9px;color:#8f969e}.timeline-key{letter-spacing:1px;font-size:7px!important;border-left:1px solid #373b3e;padding-left:14px}.timeline-key small{font-size:8px;margin-left:5px;letter-spacing:0}.timeline-content{display:flex;gap:15px;margin-top:14px;align-items:center}.track-label{width:72px;display:flex;align-items:center;gap:6px;color:#aaa5b3;font-size:9px;padding-top:18px;flex-shrink:0}.track-label svg{height:14px;width:14px;color:#a293b5}.timeline-right{flex:1;min-width:0}.ruler{display:flex;align-items:center;justify-content:space-between;color:#707880;font-size:7px;height:23px;font-variant-numeric:tabular-nums}.timeline{height:39px;position:relative;cursor:pointer;background:repeating-linear-gradient(90deg,transparent,transparent calc(12.5% - 1px),#33363855 calc(12.5% - 1px),#33363855 12.5%);border:1px solid #303238;border-radius:5px;overflow:visible}.timeline-block{position:absolute;height:31px;top:3px;background:#39313e;border:1px solid #594c60;color:#b8a9c1;border-radius:4px;font-size:8px;padding:0 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-block.selected{background:#514036;border-color:#9e785c;color:#eec9a9}.timeline-block:hover{filter:brightness(1.3)}.playhead{position:absolute;height:49px;top:-7px;width:1px;background:#ffac72;z-index:10;pointer-events:none;left:0}.playhead:before{content:'';position:absolute;top:-2px;left:-3px;width:7px;height:8px;background:#ffac72;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}#seek{width:calc(100% - 89px);margin:9px 0 0 89px;height:2px;accent-color:#ab907a;opacity:.5;cursor:pointer}.timeline-footer{display:flex;justify-content:space-between;color:#656d75;font-size:8px;padding:12px 0}.timeline-footer i{margin:0 7px;font-style:normal}.dropdown{position:fixed;z-index:40;top:56px;width:230px;background:#24272a;border:1px solid #45494e;box-shadow:0 15px 50px #0007;border-radius:8px;padding:7px}.project-dropdown{right:113px}.export-dropdown{right:22px}.dropdown button{display:flex;align-items:center;justify-content:space-between;padding:10px;width:100%;text-align:left;font-size:11px;color:#ddd;border-radius:5px}.dropdown button:hover{background:#373330;color:#ffbf92}.dropdown button span{color:#8c939b;font-size:9px}.dropdown small{display:block;font-size:9px;color:#858d96;line-height:1.8;padding:11px 10px 5px;border-top:1px solid #393e42;margin-top:5px}dialog{background:#202326;color:#e9ecef;border:1px solid #4b4e52;border-radius:13px;padding:23px;max-width:540px;width:calc(100% - 34px);box-shadow:0 25px 80px #0009}dialog::backdrop{background:#080b0ebf;backdrop-filter:blur(5px)}.dialog-title{display:flex;align-items:center;justify-content:space-between}.dialog-title h2{font-size:19px;letter-spacing:-.5px;margin:0}.dialog-title .icon-button{font-size:24px}dialog>p{color:#9ca2aa;font-size:11px;line-height:1.8;margin:12px 0 20px}dialog textarea{resize:vertical;min-height:130px;line-height:1.8}dialog input{width:80px!important;margin-left:12px}dialog .script-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}dialog .script-bottom label{font-size:10px;color:#9ba3ad}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.script-bottom .dialog-actions{margin:0}.help-list>div{display:flex;gap:15px;margin:16px 0}.help-list b{font-size:11px;color:var(--orange);padding-top:4px}.help-list p{margin:0;color:#9ca3ad;line-height:1.8;font-size:11px}.help-list strong{display:block;color:#e1e2e6}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:80;max-width:520px;width:max-content;max-width:calc(100% - 30px);padding:12px 17px;border:1px solid #786349;border-radius:8px;background:#312b24;color:#ffd1ac;font-size:11px;line-height:1.5;box-shadow:0 8px 45px #0007}.toast.error{border-color:#9b5551;color:#ffb8ad;background:#382725}
@media(min-width:1600px){.editor{grid-template-columns:82px 320px minmax(350px,1fr) 370px;grid-template-rows:minmax(400px,1fr) 190px}.inspector-scroll{padding:25px}.template-sample{height:91px;font-size:18px}.topbar{gap:45px}.stage-wrap{padding:28px 45px 10px}}
@media(max-width:1180px){.editor{grid-template-columns:62px 230px minmax(275px,1fr) 285px}.brand{min-width:142px}.brand strong{font-size:16px}.topbar{gap:14px;padding:0 15px}.breadcrumb{display:none}.saved{display:none}#projectName{max-width:200px;width:200px}.rail-item{width:48px;font-size:8px}.caption-card{padding:10px 8px}.phrase-text{font-size:12px}.stage-wrap{padding:20px 20px 4px}.inspector-scroll{padding:18px 14px}.template-sample{height:70px;font-size:13px}.canvas-toolbar{padding:0 10px}.canvas-toolbar .segmented button{padding:5px 6px}.canvas-toolbar select{max-width:126px}.scope-row{gap:8px}.scope-row select{width:124px}.canvas-hint{font-size:8px}.playback{padding:0 10px}.playback-main{gap:6px}.clock{font-size:8px}.timeline-key{display:none}}
@media(max-width:940px){body{height:auto;min-height:100dvh;overflow:auto}.topbar{position:sticky;top:0;gap:12px;height:59px;padding:0 12px}.brand{min-width:32px}.brand strong{display:none}.project-heading{gap:5px}#projectName{font-size:11px;max-width:200px;width:100%}.private-badge{font-size:8px;padding:3px}.top-actions{gap:6px}.top-actions .button{font-size:10px;padding:8px;height:31px}.editor{height:auto;min-height:calc(100dvh - 59px);grid-template-columns:58px minmax(250px,1fr) 280px;grid-template-rows:560px 145px auto}.rail{grid-column:1;grid-row:1/3}.canvas-panel{grid-column:2;grid-row:1}.inspector{grid-column:3;grid-row:1/4;max-height:1200px;position:sticky;top:59px}.timeline-panel{grid-column:2;grid-row:2;padding:12px 12px 0}.transcript-panel{grid-column:1/3;grid-row:3;max-height:500px;border-top:1px solid var(--line)}.caption-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.transcript-tools{display:flex;gap:12px}.transcript-tools .button{width:50%}.search{margin:0;width:50%}.caption-card{margin:0}.timeline-footer{font-size:7px}.timeline-footer span:last-child{display:none}.track-label{width:49px;font-size:7px}.track-label svg{display:none}.timeline-content{gap:6px}#seek{margin-left:55px;width:calc(100% - 55px)}.timeline-header>div{gap:8px}.timeline-header>div>span{font-size:7px}}
@media(max-width:650px){.editor{grid-template-columns:1fr;grid-template-rows:580px 146px auto auto}.rail{display:none}.canvas-panel{grid-column:1;grid-row:1}.timeline-panel{grid-column:1;grid-row:2}.transcript-panel{grid-column:1;grid-row:3;max-height:410px}.inspector{grid-column:1;grid-row:4;position:static;max-height:none;border-top:1px solid var(--line);border-left:0}.inspector-scroll{overflow:visible;padding:25px}.inspector-tabs{height:50px}.template-grid{grid-template-columns:repeat(2,1fr)}.template-sample{height:85px;font-size:19px}.brand-mark{height:29px;width:29px}.topbar{gap:7px}.private-badge{display:none}#projectName{max-width:190px}.top-actions .button{padding:7px 10px}.stage-wrap{padding:18px 30px 5px}.canvas-toolbar{padding:0 20px}.canvas-toolbar select{max-width:155px}.canvas-hint{font-size:9px}.playback{padding:0 20px}.clock{font-size:10px}.caption-list{grid-template-columns:1fr}.intro h2{font-size:22px}.template-name{font-size:11px}.field{font-size:11px}.dropdown{top:50px}.project-dropdown{right:93px}.export-dropdown{right:10px}.script-bottom{flex-direction:column;align-items:stretch!important}.help-list p{font-size:10px}.timeline-footer{font-size:8px}.timeline-header>div>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

#videoExportDialog{max-width:555px}#videoExportDialog progress{display:block;width:100%;height:8px;accent-color:var(--orange);margin:15px 0}.export-progress-label{display:flex;justify-content:space-between;font-size:11px;margin-top:25px;color:#c6b9ad}.export-progress-label span{color:var(--orange)}.export-success{font-size:12px;color:#bfe8cb;margin:20px 0 14px}#exportPreview{display:block;width:100%;max-height:260px;background:#111;border:1px solid #393d40;border-radius:8px}.exporting .editor{pointer-events:none;opacity:.65}.exporting .topbar{pointer-events:none}

.upload-main{border-color:#6e543e;background:#30271f;color:#ffd1b0}.ai-button{margin-bottom:8px;color:#dfc9ff!important;border-color:#5c476d!important;background:#32283b!important}.transcript-tools{display:flex;flex-direction:column;gap:0}.ai-source-status{font-size:10px;line-height:1.7;padding:11px 13px;background:#1a1d1f;border:1px solid #363c41;border-radius:7px;color:#b0b7be;overflow-wrap:anywhere}.ai-upload-row{display:flex;gap:8px;margin-top:10px}.ai-upload-row .button{font-size:10px}.ai-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ai-privacy{padding:13px 15px;border-radius:8px;border:1px solid #514663;background:#2a2433;margin-top:20px}.ai-privacy>span{font-size:10px;color:#d8c2f7}.ai-privacy p{font-size:9px;line-height:1.8;color:#aba0b6;margin:6px 0 0}#aiDialog{max-width:580px}#aiDialog progress{display:block;width:100%;height:8px;accent-color:var(--accent);margin:15px 0}.ai-working .editor{pointer-events:none;opacity:.7}.ai-working .topbar{pointer-events:none}@media(max-width:1180px){.topbar{gap:8px}#projectName{max-width:155px}.top-actions{gap:5px}.upload-main{font-size:9px!important;padding:8px!important}.saved{display:none}}@media(max-width:940px){.transcript-tools{flex-direction:row;flex-wrap:wrap}.transcript-tools .button{width:calc(50% - 6px)}.transcript-tools .search{width:100%;margin-top:5px}.upload-main svg{display:none}.topbar #projectName{max-width:180px}}@media(max-width:650px){.brand{display:none}.topbar #projectName{max-width:155px}.upload-main{font-size:9px!important}.ai-language-grid{gap:9px}.ai-language-grid .field select{font-size:10px}}

/* Whole words never wrap inside their editable boxes. */
.color-hex{flex:1;width:70px!important;min-width:0;font-size:9px!important;letter-spacing:.02em;text-transform:uppercase;padding:0 3px!important;margin:0!important;border:0!important;background:none!important;height:20px!important}.text-palette{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 0}.text-palette button{width:22px;height:22px;border-radius:50%;border:2px solid #ffffff25;outline-offset:3px}.text-palette button.selected{outline:1px solid var(--orange);outline-offset:3px}.colour-scope{margin:12px 0 16px!important}.projects-main{white-space:nowrap}#projectsDialog{max-width:600px}.projects-toolbar{display:flex;gap:10px;margin:20px 0}.projects-toolbar input{flex:1;min-width:0;border:1px solid #404447;background:#151719;color:#eee;padding:10px;border-radius:6px}.projects-toolbar .button{white-space:nowrap}.saved-project-list{max-height:340px;overflow:auto;display:flex;flex-direction:column;gap:8px}.saved-project{display:flex;align-items:center;gap:10px;padding:14px;background:#1a1d1f;border:1px solid #363b40;border-radius:9px}.saved-project>div{flex:1;min-width:0}.saved-project strong,.saved-project small{display:block;overflow-wrap:anywhere}.saved-project strong{font-size:12px}.saved-project small{font-size:9px;color:#a0a7ad;margin-top:5px}.saved-project .button{padding:6px 11px}.saved-project .icon-button{font-size:18px;flex-shrink:0}@media(max-width:1180px){.projects-main{font-size:9px!important;padding:8px!important}}@media(max-width:650px){.topbar #projectName{max-width:125px}.top-actions{gap:4px}.projects-main{font-size:8px!important;padding:6px!important}.topbar{gap:4px}.topbar #projectMenu{font-size:8px;padding:6px}.topbar #exportMenu{font-size:9px;padding:6px}.upload-main{padding:6px!important;font-size:8px!important}}
.canvas-words{display:block;position:relative;line-height:1}.word-shell{display:block;max-width:none;align-items:initial}.word-text{white-space:pre;overflow-wrap:normal;word-break:normal;overflow:visible;max-width:none;letter-spacing:normal;vertical-align:top}.phrase-position-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 18px 2px;font-size:9px;color:#939b9f;flex-shrink:0}.phrase-position-bar>div,.caption-placement,.alignment-buttons{display:flex;gap:5px}.phrase-position-bar button,.caption-placement button,.alignment-buttons button{padding:5px 8px;border:1px solid #3d4144;border-radius:5px;color:#a4abb2;background:#202426;font-size:9px}.phrase-position-bar button.selected,.caption-placement button.selected,.alignment-buttons button.selected{border-color:#a17c5c;color:#ffcb9f;background:#3a2d24}.caption-placement{margin-top:10px;padding-top:8px;border-top:1px solid #ffffff0a;align-items:center}.caption-placement>span{font-size:8px;margin-left:auto;color:#8d9397}.caption-placement button{padding:4px 7px;font-size:8px}.alignment-buttons button{flex:1;padding:7px 8px}.timeline-header>div{gap:10px}.timeline-header .text-button{white-space:nowrap}#splitBeforeWord{font-size:9px;margin-top:17px}#splitBeforeWord:disabled{opacity:.35}.phrase-position-bar button:disabled{opacity:.35}.timeline-header .timeline-key{display:none}@media(max-width:940px){.timeline-header .text-button{font-size:8px}.timeline-header>div{gap:7px}.timeline-header #fitTimeline{display:none}.phrase-position-bar{padding:8px 12px 2px}}@media(max-width:650px){.phrase-position-bar{font-size:10px;padding:8px 20px 3px}.phrase-position-bar button{font-size:10px}.timeline-header>div{gap:9px}}

@media(max-width:380px){.topbar #projectName{font-size:9px}.projects-main{max-width:60px;white-space:normal;line-height:1.2}.top-actions .button svg{display:none}.topbar{padding:0 8px}}

/* Account and pass screens for the separate Cloudflare edition. */
.account-button{border-color:#8c6a4c;background:#352a20;color:#ffd4ae;white-space:nowrap}.account-curtain{position:fixed;inset:65px 0 0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(115deg,#101214e8,#101214cf);backdrop-filter:blur(7px)}.account-hero{max-width:560px;padding:38px;border:1px solid #5a4a3f;border-radius:18px;background:linear-gradient(145deg,#27241f,#171b1c);box-shadow:0 24px 90px #0008}.account-hero h2{font-size:38px;letter-spacing:-1.4px;line-height:1.15;margin:18px 0;color:#fff4e8}.account-hero p{font-size:13px;line-height:1.9;color:#b9c0c0}.account-hero small{display:block;color:#aaa394;font-size:10px;line-height:1.8;margin-top:22px}.curtain-actions{display:flex;gap:10px;margin-top:24px}.account-locked .editor{pointer-events:none}.account-locked .top-actions>button:not(#accountButton):not(#pricingButton){opacity:.4;pointer-events:none}#accountDialog{max-width:710px}.account-state{padding:15px;border:1px solid #544c3f;border-radius:9px;background:#29261f;display:flex;gap:8px;flex-direction:column}.account-state strong{color:#ffc694;font-size:13px}.account-state small{color:#b8afa0;font-size:10px}.pass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.pass-card{border:1px solid #44484b;background:#1b2022;border-radius:11px;padding:20px 15px}.pass-card>span{color:#aaa397;font-size:8px;letter-spacing:1.5px}.pass-card h3{font-size:32px;color:#faf0e0;margin:14px 0 0}.pass-card p{margin:2px 0 16px!important;font-size:11px}.pass-card small{display:block;font-size:9px;color:#a8b0b2;line-height:1.7;min-height:35px}.pass-card .button{margin-top:15px;width:100%;font-size:10px}.pass-card.featured{border-color:#987354;background:linear-gradient(135deg,#362a20,#232827)}.account-bottom{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.billing-links{display:flex;gap:15px;padding-top:20px;font-size:10px}.billing-links a{color:#dbc4ac}.test-mode-badge{background:#3d3421;color:#f4da98;border:1px solid #71613b;border-radius:6px;padding:9px;font-size:10px;margin-top:16px}#billingMessage{font-size:11px;line-height:1.7;color:#aaddbf;overflow-wrap:anywhere}#billingMessage.error{color:#ffb2a6}#accountSignIn{margin-top:18px}@media(max-width:940px){.account-curtain{top:59px}.topbar .saved,.topbar .private-badge{display:none}.topbar #projectName{max-width:140px}}@media(max-width:650px){.account-hero{padding:25px}.account-hero h2{font-size:31px}.pass-grid{grid-template-columns:1fr}.pass-card{padding:14px}.pass-card small{min-height:0}.pass-card h3{font-size:26px}.topbar #projectName{max-width:75px}.topbar #accountButton,.topbar #pricingButton{padding:6px;font-size:8px}.topbar .projects-main{display:none}.topbar #uploadVideo{display:none}}