:root{color-scheme:dark;font-family:var(--font-ui);font-synthesis:none;font-size:16px;background:#0b0d0c;color:#eef1eb;--bg:#0b0d0c;--surface:#141715;--raised:#1c201d;--line:#2b302b;--muted:#a0a79d;--accent:#d9f975;--ink:#172008;--lavender:#bdb7ef}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}button,input,select,textarea{font:inherit}button{min-height:42px;border:1px solid transparent;border-radius:8px;padding:9px 13px;font-size:.875rem;font-weight:550;background:transparent;color:#c1c8bd;cursor:pointer;white-space:nowrap;transition:background .16s,color .16s,border-color .16s,transform .16s}button:hover{background:#2a3029;color:#fff}button:active{transform:translateY(1px)}button:disabled{opacity:.32;cursor:not-allowed;transform:none}button.primary{color:var(--ink);background:var(--accent);font-weight:700;box-shadow:0 0 24px #dcfb780b}button.primary:hover{background:#e8ffac}button.secondary{background:#252a24;border-color:#343b30;color:#e8ece2}input,select,textarea{min-width:0;color:#e8ece2;background:#1c211c;border:1px solid #343b32;border-radius:8px;padding:9px 10px}select{min-height:42px;font-size:.875rem}input[type=checkbox]{appearance:none;width:18px;height:18px;min-width:18px;padding:0;display:grid;place-items:center;border:1px solid #596250;background:#171b16;border-radius:5px;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox]:indeterminate{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:before{content:'✓';color:#1a230c;font-size:14px;font-weight:750}input[type=checkbox]:indeterminate:before{content:'−';color:#1a230c;font-weight:700}input[type=range]{accent-color:var(--accent);padding:0;cursor:pointer}textarea{resize:vertical;line-height:1.65}h1,h2,h3,p{margin:0}h2{font-size:.875rem;font-weight:600}h3{font-size:1.25rem;line-height:1.5}p{line-height:1.6}bdi{overflow-wrap:anywhere}small,.micro{font-size:.75rem;color:var(--muted)}.error{color:#ff9c9c!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,textarea:focus{border-color:#768b49}.skip{position:fixed;inset-inline-start:20px;top:-80px;z-index:100;padding:12px;background:var(--accent);color:var(--ink);border-radius:8px}.skip:focus{top:10px}
.topbar{display:flex;gap:28px;align-items:center;padding:20px 30px 18px;border-bottom:1px solid #252a24;background:#101310;min-height:102px}.brand{display:flex;align-items:center;gap:11px;color:#f1f4eb;text-decoration:none;font-size:1.65rem;font-weight:650;line-height:1.05;flex-shrink:0}.brand small{display:block;font-size:.625rem;letter-spacing:.16em;margin-top:7px;color:#aab39f}.brand-mark{width:44px;height:48px;display:grid;place-items:center;color:var(--ink);background:var(--accent);border-radius:13px 4px 13px 4px;transform:rotate(-4deg)}.brand-mark svg{width:29px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linejoin:round;transform:rotate(4deg)}.project-title{display:grid;gap:3px;padding-inline-start:26px;border-inline-start:1px solid #343b30;min-width:190px;max-width:320px}.project-eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#8e9886}.project-title input{background:transparent;border:0;padding:0;font-size:1.25rem;line-height:1.5;font-weight:550;width:100%;border-radius:2px}.project-title .micro{font-size:.75rem;color:#929d86}.project-actions{display:flex;gap:6px;align-items:center;margin-inline-start:auto}.project-actions .primary{min-width:105px;border-radius:9px;padding:11px 23px;margin-inline-start:12px}.nav-divider{height:24px;border-inline-start:1px solid #343b30;margin:0 8px}main{flex:1;min-width:0;width:100%;max-width:1920px;margin:0 auto;padding:20px 24px 0}.workspace{display:grid;grid-template-columns:minmax(390px,.72fr) minmax(0,1.28fr);grid-template-areas:'editor preview' 'timeline timeline';grid-template-rows:minmax(490px,calc(100dvh - 410px)) auto;gap:16px;direction:ltr}.workspace>section{direction:rtl}[dir=ltr] .workspace>section{direction:ltr}.preview-panel,.editor-panel,.timeline-wrap{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;overflow:hidden}.preview-panel{grid-area:preview;display:flex;flex-direction:column;background:#0e100e}.editor-panel{grid-area:editor;display:flex;flex-direction:column;min-height:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;min-height:60px}.panel-heading>div{display:flex;align-items:center;gap:6px}.viewer-heading{padding:8px 18px;border-bottom:1px solid #252a24;background:#141714;min-height:56px}.viewer-title{gap:8px!important}.viewer-indicator{width:8px;height:8px;border-radius:2px;border:1px solid #c4f080;transform:rotate(45deg)}.viewer-actions{gap:15px!important}.label-tag{font-size:.75rem;color:#a2ad99;padding:5px 8px;border:1px solid #343b2f;border-radius:5px}.appearance-button{font-size:.875rem;padding:7px 10px}.stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:230px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#25301c44,transparent 75%),#0b0e0b}.stage video{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.stage:not(.loaded) video{display:none}.media-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;gap:14px;max-width:590px}.media-empty h3{font-size:clamp(1.6rem,2.1vw,2.4rem);font-weight:550;letter-spacing:-.04em;line-height:1.5;color:#f1f5e8}.media-empty p{font-size:1rem;color:#9fa992;max-width:360px}.media-empty .primary{margin-top:8px;padding:13px 27px;border-radius:10px;min-height:48px}.media-empty .micro{font-size:.75rem;max-width:350px;color:#838e79}.media-symbol{width:64px;height:64px;margin-bottom:8px;background:#232a1f;border:1px solid #4a563b;border-radius:18px;display:grid;place-items:center;box-shadow:0 16px 60px #dcfb7808;transform:rotate(-6deg)}.media-symbol svg{width:40px;height:40px;fill:none;stroke:#d8ebbb;stroke-width:1.4;transform:rotate(6deg)}.sample-button{padding:2px 10px;min-height:32px;font-size:.875rem;color:#c4d4b3;text-decoration:underline;text-underline-offset:4px}.caption{position:absolute;left:6%;right:6%;bottom:10%;text-align:center;max-width:88%;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;color:white;font-size:clamp(20px,1.85vw,32px);font-weight:650;pointer-events:none}.caption-line{padding:4px 10px;background:#080b0de8;box-decoration-break:clone;-webkit-box-decoration-break:clone}.caption.outline .caption-line{background:none;text-shadow:0 1px 4px #000,1px 0 2px #000,-1px 0 2px #000}.caption.yellow{color:#e3ff80}.caption.small{font-size:clamp(16px,1.4vw,23px)}.caption.large{font-size:clamp(25px,2.4vw,38px)}.stage-badge{position:absolute;top:18px;left:18px;color:#c2cbb8;background:#151b15c9;border:1px solid #62705055;backdrop-filter:blur(12px);border-radius:6px;padding:5px 9px;font-size:.75rem}#audio-art{position:absolute;text-align:center;color:#c8e899}#audio-art>span{font-size:64px}#audio-art p{font-size:.875rem}.media-info{display:flex;align-items:center;justify-content:space-between;padding:5px 16px;background:#171b16;border-top:1px solid #262e22;min-height:45px;font-size:.75rem;gap:10px}.media-info bdi{color:#bec9b1;white-space:nowrap;max-width:80%;overflow:hidden;text-overflow:ellipsis}.media-info button{font-size:.875rem;min-height:34px;padding:5px 8px;color:#d9edbb}.media-error{font-size:.875rem;background:#54242450;padding:12px 18px}.player{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid #2b3326;background:#181d17}.player .play{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#202810;font-size:16px}.player input{width:80px;flex:1;min-width:25px}.time,.timings input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.time{font-size:.75rem;color:#becab4}.player select{font-size:.875rem;min-height:38px;padding:5px;width:70px;background:#232b1d;border-color:#3c4831}
.editor-panel>.panel-heading{border-bottom:1px solid #292f26;background:#1a1f19}.editor-panel>.panel-heading h2{font-size:1.05rem;font-weight:550}.editor-panel>.panel-heading button{font-size:.875rem}.editor-panel #demo{color:#a7b798;padding-inline:8px}.track-tabs{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid #293026;background:#171c16}.track-tabs button{font-size:.875rem;border-radius:7px;min-height:38px;padding:7px 12px}.track-tabs button[aria-selected=true]{background:#313c28;color:#e4fba8}.track-tabs #cue-count{margin-inline-start:auto;font-size:.75rem;color:#98a28e;padding-inline:6px}.track-note{font-size:.75rem;color:#939f87;padding:10px 16px;line-height:1.6;border-bottom:1px solid #242b21}.validation{font-size:.75rem;line-height:1.6;padding:8px 16px;color:#f0d28e;background:#46371b40}.validation:empty{display:none}.validation.error{background:#58332d55}.cue-toolbar{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid #2b3226;gap:4px}.cue-toolbar>div{display:flex;align-items:center;gap:0}.cue-toolbar button{padding:6px 9px;min-height:38px;font-size:.875rem}.check{display:flex;align-items:center;gap:7px;font-size:.875rem;cursor:pointer;min-height:38px}.cue-toolbar .check{font-size:.75rem;gap:3px;white-space:nowrap}.cue-list{flex:1;min-height:150px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4b583c transparent}.cue{display:flex;gap:8px;padding:15px 12px;border-bottom:1px solid #2b3227;border-inline-start:3px solid transparent;background:#161b15;transition:background .18s}.cue:hover{background:#1a2117}.cue.selected{background:#252f1e;border-inline-start-color:var(--accent)}.cue.playing:not(.selected){background:#1d2718;border-inline-start-color:#879e5e}.cue-number{display:flex;flex-direction:column;align-items:center;gap:9px;font:12px ui-monospace,monospace;color:#8f9c7e;min-width:25px;padding-top:8px}.cue.selected .cue-number{color:var(--accent)}.cue-check-target{display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:30px;min-height:30px}.cue-check{margin:0}.cue-body{flex:1;min-width:0}.cue-top{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:9px}.timings{display:flex;direction:ltr;align-items:center;gap:7px}.timings label{font-size:0}.timings input{font-size:.75rem;line-height:1.5;width:109px;padding:5px 6px;min-height:30px;background:#1d2518;border:1px solid #3b4731;border-radius:5px;color:#c5d4b4}.timings input[aria-invalid=true]{border-color:#ce7f72;background:#3d2723;color:#ffb9b0}.cue-buttons{display:flex;gap:0}.cue-buttons button{min-height:30px;width:27px;padding:0;font-size:16px;color:#84946f}.cue-buttons .seek{color:#d2eda8}.cue-body textarea{width:100%;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;font-size:1rem;min-height:36px;max-height:210px;line-height:1.65;color:#e8eddf}.cue-body textarea:focus{background:#11170e;border-color:#81985c;padding:4px 6px}.original-reference{font-size:.75rem;color:#9daa8f;border-inline-start:2px solid #51633e;padding-inline-start:9px;margin-bottom:6px;line-height:1.6}.cue-foot{display:flex;justify-content:space-between;align-items:start;gap:8px;flex-wrap:wrap;font-size:.75rem;line-height:1.5;color:#919f82;margin-top:7px}.cue-issue{color:#e3be7f}.char-count{direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-size:.75rem}.empty-cues{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:210px;height:100%;padding:26px;text-align:center}.empty-icon{font-size:32px;color:#bed098}.empty-cues h3{font-size:1.3rem;font-weight:550;color:#dce7cd}.empty-cues p{font-size:.875rem;color:#8f9c83;max-width:320px}.edit-tools{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:0;background:#1c2318;border-top:1px solid #35412b;padding:5px 8px}.edit-tools button{font-size:.875rem;min-height:36px;padding:6px 9px}.timing-drawer{border-top:1px solid #303b27;background:#161d13}.timing-drawer summary{font-size:.875rem;color:#b7c6a4;padding:11px 18px;cursor:pointer}.timing-drawer[open] summary{border-bottom:1px solid #303b27}.adjustments{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px}.adjustments label{display:flex;align-items:center;gap:8px;font-size:.875rem}.adjustments input{width:70px;font-size:.875rem}.adjustments select{font-size:.875rem}.adjustments button{font-size:.875rem}
.timeline-wrap{grid-area:timeline;background:#171a18;padding:16px 20px 12px;border-color:#323731;min-height:205px}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.timeline-header>div{display:flex;align-items:center;gap:13px}.timeline-header h2{font-size:1rem;font-weight:550}.timeline-header #timeline-count{font-size:.75rem;color:#969f8f}.timeline-header label{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#a5ae9f}.timeline-header select{min-height:34px;padding:5px 9px;background:#232823}.timeline-header button{font-size:.875rem;min-height:34px;background:#232c1c;color:#d4e7ba;border:1px solid #415334}.timeline-scroll{overflow:auto;max-height:240px;padding-bottom:6px;direction:ltr;scrollbar-width:thin;scrollbar-color:#58644c #111810}#timeline-content{min-width:680px}.time-ruler{display:flex;justify-content:space-between;height:28px;font:.75rem ui-monospace,monospace;color:#939e87;border-bottom:1px solid #303829}.time-ruler span{white-space:nowrap;position:relative}.time-ruler span:after{content:'';width:1px;height:6px;position:absolute;bottom:0;left:0;background:#526045}.timeline{position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#ffffff05 calc(10% - 1px),#ffffff05 10%),#111611;border-bottom:1px solid #2d3826}.timeline button{position:absolute;border:1px solid #a89fdf70;background:#4e4769;color:#f1edff;border-radius:5px;min-height:38px;height:38px;font-size:.75rem;font-weight:500;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;text-align:start;white-space:nowrap;min-width:3px}.timeline button.selected{background:#bdb6e6;color:#282039;border-color:#e4dfff}.timeline button.playing{box-shadow:inset 0 0 0 2px #ddd6ff99}.playhead{position:absolute;top:-28px;bottom:0;left:0;background:var(--accent);width:2px;z-index:2;pointer-events:none}.playhead:before{content:'';position:absolute;top:0;left:-4px;border-top:7px solid var(--accent);border-left:5px solid transparent;border-right:5px solid transparent}#wave-canvas{width:100%;height:56px;display:block;background:#141c12;border-bottom:1px solid #293c20}#wave-status{font-size:.75rem;margin-top:9px;color:#96a68b}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 3px;font-size:.75rem;color:#88997b;min-height:45px}footer button{font-size:.75rem;min-height:32px;padding:5px}.footer-local{color:#9dab8e}
.style-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.style-options label>span{display:block;font-size:.875rem;margin-bottom:8px;color:#b6c2a9}.style-options select{width:100%}.style-block>.check{margin-top:20px}.reading-settings{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px;font-size:.875rem}.reading-settings label{display:flex;align-items:center;gap:7px;direction:ltr;color:#a3b494}.reading-settings input{width:70px}.reading-settings small{flex-basis:100%;line-height:1.6;margin-top:2px}dialog{border:1px solid #465239;border-radius:20px;padding:35px;width:min(580px,calc(100vw - 32px));background:#192016;color:#eaf0e0;box-shadow:0 35px 120px #000a}dialog::backdrop{background:#030902b0;backdrop-filter:blur(9px)}dialog h2{font-size:1.75rem;font-weight:550;letter-spacing:-.02em;margin:12px 0 22px}dialog h3{font-size:1.125rem;margin-top:26px}dialog p{font-size:.875rem;color:#adbaa0;line-height:1.7;margin:12px 0}.dialog-kicker{font-size:.75rem;letter-spacing:.08em;color:var(--accent)}.dialog-close{position:absolute;inset-inline-end:14px;top:12px;font-size:26px;font-weight:300;min-height:44px;min-width:44px}.field{display:flex;flex-direction:column;gap:9px;margin:20px 0;font-size:.875rem}.field textarea{min-height:90px}.export-buttons{display:flex;gap:12px;margin:24px 0}.export-buttons button{flex:1;min-height:50px;font-size:1rem}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(650px,90vw);padding:15px 22px;background:#d9f6a4;color:#253313;border:1px solid #edffd0;border-radius:10px;box-shadow:0 15px 55px #0007;font-size:.875rem;line-height:1.6;text-align:center;z-index:100}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(450px,.6fr) minmax(0,1.4fr)}.cue{padding:18px}.timings input{width:122px;font-size:.8125rem}.caption{font-size:32px}}
@media(max-width:1200px){.topbar{padding:17px 20px;gap:18px}.project-title{padding-inline-start:16px;max-width:240px;min-width:150px}.project-title input{font-size:1.1rem}.project-actions{gap:0}.project-actions button{padding:8px 10px}.project-actions .primary{padding:10px 18px;min-width:90px}.nav-divider{margin:0 3px}main{padding:16px 16px 0}.workspace{grid-template-columns:minmax(365px,.8fr) minmax(0,1.2fr);gap:12px}.cue-buttons{display:none}.cue-toolbar button{padding-inline:7px}.cue{padding:13px 10px}.editor-panel>.panel-heading{padding:10px 12px}.player{gap:8px;padding:12px}.player select{width:62px}.media-empty h3{font-size:1.6rem}.media-empty{padding:22px;gap:12px}.viewer-actions .label-tag{display:none}.timeline-wrap{padding:15px}.timings input{width:115px}}
@media(max-width:950px){.topbar{flex-wrap:wrap;gap:16px;padding:17px 20px}.project-title{flex:1;max-width:none}.project-actions{width:100%;border-top:1px solid #30382a;padding-top:12px;justify-content:space-between}.project-actions .primary{margin-inline-start:4px}.workspace{grid-template-columns:minmax(310px,.9fr) minmax(0,1.1fr);grid-template-rows:650px auto}.cue-toolbar{flex-wrap:wrap;padding:8px 12px}.cue-toolbar>div{flex:1;justify-content:flex-end}.cue-toolbar .check{width:100%;padding-bottom:3px}.cue-toolbar button{font-size:.875rem}.timings input{width:104px}.cue-number{min-width:22px}.cue-top{gap:2px}.edit-tools{justify-content:flex-start}.edit-tools button{font-size:.875rem;flex:1;padding:7px}.player{flex-wrap:wrap;justify-content:center;gap:12px}.player #scrub{order:5;flex-basis:100%;height:18px}.player .time{font-size:.75rem}.player #total-time{margin-inline-start:auto}.stage{min-height:250px}.media-empty{gap:12px;padding:18px}.media-empty h3{font-size:1.65rem;letter-spacing:0}.media-empty p{font-size:.875rem}.media-info{gap:4px;font-size:.75rem}.media-info bdi{max-width:75%}.viewer-heading{padding:9px 12px}.viewer-heading h2,.appearance-button{font-size:.875rem}.caption{font-size:20px}}
@media(max-width:720px){.topbar{padding:14px 16px}.brand{font-size:1.5rem}.brand-mark{height:43px;width:39px}.project-eyebrow{font-size:.75rem}.project-title input{font-size:1.1rem}.project-title .micro{font-size:.75rem}.project-actions{gap:2px}.project-actions button{min-height:44px;font-size:.875rem;padding:8px}.project-actions .primary{min-width:80px;padding:9px 14px}.nav-divider{display:none}main{padding:12px 12px 0}.workspace{display:flex;flex-direction:column;gap:12px}.preview-panel{order:0}.editor-panel{order:1}.timeline-wrap{order:2}.stage{min-height:260px;aspect-ratio:16/10}.media-empty{padding:25px;gap:12px}.media-empty h3{font-size:1.75rem}.media-empty p{font-size:1rem}.media-symbol{width:54px;height:54px;margin-bottom:0}.media-empty .micro{display:none}.media-empty .primary{margin-top:0}.media-empty .sample-button{min-height:30px}.media-info{min-height:45px}.player{flex-wrap:nowrap;padding:12px;gap:8px}.player #scrub{order:0;flex-basis:auto;height:auto}.player #total-time{margin:0}.player select{min-height:40px}.caption{font-size:22px}.caption.small{font-size:18px}.caption.large{font-size:28px}.stage-badge{font-size:.75rem;top:12px;left:12px}.cue-list{flex:none;height:360px;min-height:0}.cue{padding:14px 10px;gap:7px}.cue-number{width:32px;min-width:32px}.cue-check-target{min-width:44px;min-height:44px}.cue-top{margin-bottom:8px}.timings input{width:116px;min-height:36px;font-size:.8125rem}.cue-body textarea{font-size:1rem}.cue-toolbar{flex-wrap:nowrap;padding:7px 9px;gap:3px}.cue-toolbar .check{width:auto;padding:0;min-height:44px}.cue-toolbar>div{flex:0}.cue-toolbar button{min-width:44px;min-height:44px;font-size:.8125rem;padding-inline:6px}.cue-foot{font-size:.75rem}.edit-tools button{min-height:44px;flex-basis:30%;font-size:.875rem}.timing-drawer summary{min-height:44px;padding:12px 16px}.track-note{font-size:.75rem}.timeline-header{align-items:start;gap:8px}.timeline-header>div{gap:8px;flex-wrap:wrap}.timeline-header>div:last-child{justify-content:flex-end}.timeline-header #timeline-count{display:none}.timeline-header button{min-height:44px}.timeline-header select{min-height:40px}.timeline-header label span{display:none}.timeline-header h2{font-size:.875rem;line-height:44px}.timeline-wrap{padding:12px}.timeline-header button{font-size:.8125rem;padding:8px}.timeline button{min-height:44px}.timeline-scroll{max-height:220px}footer{gap:6px;flex-wrap:wrap;font-size:.75rem;padding:14px 4px}footer .footer-local{display:none}footer button{font-size:.75rem}dialog{padding:30px 20px}.style-options{grid-template-columns:1fr}.style-options label{display:flex;align-items:center;justify-content:space-between;gap:12px}.style-options label>span{margin:0}.style-options select{width:65%}.reading-settings{gap:10px}.reading-settings input{width:60px}.toast{bottom:16px}}
@media(max-width:390px){.project-actions button{font-size:.8125rem;padding:7px 6px}.project-actions .primary{min-width:67px;padding-inline:10px}.project-title{min-width:130px}.project-title input{font-size:1rem}.brand small{font-size:.625rem}.player .time{font-size:.75rem}.player select{width:57px}.timings input{width:106px}.cue-toolbar .check{font-size:.75rem}.cue-toolbar button{font-size:.75rem}.caption{font-size:20px}.timeline-header h2{font-size:.8125rem}.timeline-header button{font-size:.75rem}.stage{min-height:285px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:720px){.stage.loaded{aspect-ratio:16/9;min-height:0;flex:none}.editor-panel>.panel-heading{flex-wrap:wrap}.editor-panel>.panel-heading h2{font-size:.9375rem}.project-actions{min-width:0;gap:0}.project-actions button{flex-shrink:1}.project-actions .primary{margin-inline-start:0}.cue-body textarea{resize:none}}
@font-face{font-family:'Noto Sans Arabic';src:url('./fonts/NotoSansArabic.ttf') format('truetype');font-display:swap}
.task-links{display:flex;gap:6px;overflow:auto;padding:0 0 8px;scrollbar-width:thin}.task-links a{font-size:13px;white-space:nowrap;padding:8px 12px;border-radius:7px;color:#aab99e;text-decoration:none}.task-links a[aria-current=page]{background:#293322;color:#e4f7be}.task-context{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:10px 2px 16px}.task-context h1{font-size:21px;font-weight:550;line-height:1.6}.task-context p{font-size:13px;color:#a0af94;max-width:850px}.feature-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 12px}.feature-bar>div{display:flex;gap:4px}.feature-bar button{font-size:14px}.recovery-banner{display:flex;align-items:center;gap:15px;justify-content:space-between;border:1px solid #657a42;border-radius:10px;background:#27341c;padding:10px 16px;margin-bottom:14px;font-size:14px}.conversion-note{font-size:12px;color:#efcf96;line-height:1.7;padding:8px 16px;background:#47372133}.conversion-note:empty{display:none}.custom-style{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}.custom-style>label{display:flex;gap:8px;align-items:center;font-size:14px}.custom-style input[type=color]{width:50px;height:42px;padding:4px}.caption[data-position='5']{bottom:50%;transform:translateY(50%)}.caption[data-position='8']{bottom:auto;top:10%}.caption.imported .caption-line{background:transparent;text-shadow:0 1px 4px #000,1px 0 2px #000,-1px 0 2px #000}.wide-dialog{width:min(760px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.library-row{display:grid;gap:8px;padding:18px 0;border-top:1px solid #3b4a30}.library-row strong{font-size:17px;overflow-wrap:anywhere}.library-row>div{display:flex;gap:8px}.library-row button{background:#293620}.library-row small{font-size:12px}.burn-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.burn-fields .field{margin:12px 0}.technical-details{font:12px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;white-space:pre-wrap;color:#c4bda7;max-height:120px;overflow:auto}progress{accent-color:var(--accent);width:100%;height:12px;margin:10px 0}#burn-preview{width:100%;max-height:320px;background:#080c06;border-radius:8px;margin:16px 0}.download-link{display:inline-block;background:var(--accent);color:var(--ink);text-decoration:none;border-radius:8px;padding:12px 18px;font-weight:650;font-size:14px}.reference-text{white-space:pre-wrap;border-inline-start:2px solid #879c67;padding-inline-start:14px;font-size:13px}.sample-speech{padding:12px 0;font-size:14px}.sample-speech a{color:#d4eaa9;font-size:12px}.sample-speech summary{cursor:pointer}.sample-speech>div{display:flex;flex-wrap:wrap}.export-buttons{flex-wrap:wrap}.export-buttons button{min-width:80px}.workspace{grid-template-rows:minmax(470px,calc(100dvh - 570px)) auto}
@media(max-width:950px){.workspace{grid-template-rows:650px auto}.task-context{align-items:flex-start}.feature-bar{flex-wrap:wrap}.feature-bar .micro{font-size:12px}}
@media(max-width:720px){.task-context{display:block}.task-context h1{font-size:20px}.task-context p{font-size:14px;margin:4px 0 12px}.task-context>button{width:100%}.task-links a{min-height:44px;font-size:13px}.feature-bar>div{width:100%;justify-content:space-between}.feature-bar button{font-size:13px;padding-inline:10px;min-height:44px}.feature-bar .micro{padding-inline:8px}.burn-fields{grid-template-columns:1fr}.burn-fields .field{margin:6px 0}.dialog-actions button{min-height:44px}.recovery-banner{display:block}.recovery-banner button{margin-top:8px}}