@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf');font-weight:200 800;font-display:swap}@font-face{font-family:Inter;src:url('assets/fonts/inter.ttf');font-weight:100 900;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat.ttf');font-weight:100 900;font-display:swap}@font-face{font-family:Unbounded;src:url('assets/fonts/unbounded.ttf');font-weight:200 900;font-display:swap}@font-face{font-family:Literata;src:url('assets/fonts/literata.ttf');font-weight:200 900;font-display:swap}@font-face{font-family:'JetBrains Mono';src:url('assets/fonts/jetbrainsmono.ttf');font-weight:100 800;font-display:swap}
:root{color-scheme:dark;--bg:#151615;--panel:#1c1e1c;--fg:#f1efdf;--muted:#aaada5;--line:#343731;--ui-accent:#f88664;--accent:#ff7959;--ink:#f4f0e5;--paper:#232321;--video-font:Inter;--caption-size:58;--accent-ink:#181916}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;background:var(--bg);color:var(--fg);font-size:14px}button,select,textarea,input{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ui-accent);outline-offset:4px}button{background:none;border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.prototype-note{min-height:30px;background:#282b25;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;letter-spacing:.02em;color:#c6cbbb;padding:5px 12px}.prototype-note button{border:1px solid #777e6f;border-radius:50%;width:17px;height:17px;font-size:10px;padding:0}.prototype-note span{color:#777f6d}.app-shell{max-width:1640px;display:grid;grid-template-columns:224px minmax(0,1fr);margin:0 auto}.desktop-rail{padding:40px 26px;border-right:1px solid var(--line);min-height:calc(100vh - 30px);display:flex;flex-direction:column}.wordmark{font-size:31px;font-weight:850;letter-spacing:-.085em;line-height:1}.wordmark i{color:var(--ui-accent);font-style:normal;display:inline-block;margin-left:3px;transform:skew(-12deg)}.desktop-rail nav{display:grid;gap:8px;margin-top:59px}.nav-button{display:flex;align-items:center;gap:12px;color:var(--muted);padding:13px 10px;min-height:46px;text-align:left;border-radius:6px;font-size:12px}.nav-button span{font-size:22px;line-height:1}.nav-button.active{background:#292c26;color:var(--fg)}.nav-button.active span{color:var(--ui-accent)}.rail-bottom{margin-top:auto;padding-top:110px}.small-label,.eyebrow{font-size:9px;font-weight:650;letter-spacing:.15em;color:var(--muted)}.rail-bottom p{font-size:16px;line-height:1.6;letter-spacing:-.03em;margin:15px 0 30px}.rail-bottom button{font-size:11px;display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding:18px 0}main{min-width:0;padding:0 44px}.topbar{min-height:86px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center}.breadcrumb{font-size:10px;color:var(--muted)}.breadcrumb span{padding:0 12px;color:#62665d}.trial-badge{display:flex;gap:7px;align-items:center;font-size:10px;color:#dbdecf;white-space:nowrap}.trial-badge>span{width:5px;height:5px;border-radius:50%;background:#c9dca5}.mobile-logo{display:none}.page-title{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:31px 0 26px}.eyebrow{margin:0 0 12px}h1{font-size:clamp(28px,3vw,43px);letter-spacing:-.065em;line-height:1.15;font-weight:650;margin:0}h1>span{color:var(--ui-accent)}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-radius:6px;padding:13px 16px;font-weight:650;font-size:12px}.button:hover{filter:brightness(1.08)}.button:active{transform:translateY(1px)}.primary{background:var(--ui-accent);color:#1e1b16}.secondary{background:#292c26;border:1px solid #41453a;color:var(--fg)}.upload-button{background:var(--fg);color:#1d2119}.upload-button>span{font-size:20px;line-height:1}.mode-row{display:flex;align-items:center;gap:20px;margin-bottom:26px}.field-label{font-size:10px;color:var(--muted);white-space:nowrap}.modes{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.mode{min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;color:#bfc2b7;white-space:nowrap;font-size:10px}.mode.active{background:#30332b;border-color:#939d80;color:#f2f0df}.mode small{font-size:8px;opacity:.6;margin-left:4px}.workspace{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(330px,1fr);gap:24px;align-items:start}.preview-panel{background:#10120f;border:1px solid #34382d;border-radius:12px;overflow:hidden}.preview-meta{height:47px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;color:#c2c7b7;font-size:10px}.ratio{color:#979e8b}.ratio>span{margin-left:10px}.preview-stage{display:flex;justify-content:center;align-items:center;min-height:450px;padding:12px 26px 19px;background:radial-gradient(ellipse at 50% 45%,#333a2b 0%,#171a14 64%,#11140f 100%)}.video-canvas{container-type:inline-size;position:relative;isolation:isolate;width:246px;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:var(--paper);--duration:4s}.video-canvas>img,.video-canvas>video{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:var(--photo-filter,none)}.image-shade{position:absolute;inset:0;background:linear-gradient(transparent 38%,#0001 52%,#10120ec9 100%);pointer-events:none}.frame-label{position:absolute;left:7%;top:5%;font-family:Manrope;font-size:2.8cqw;letter-spacing:.16em;color:#fff9}.caption{position:absolute;left:5%;right:5%;bottom:19%;font-family:var(--video-font);font-weight:750;line-height:1.28;text-align:center;color:var(--ink);font-size:calc(var(--caption-size)*.093cqw);letter-spacing:-.045em;text-shadow:0 1px 8px #0008;z-index:3}.caption mark{color:var(--accent-ink);background:var(--accent);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.08em .2em;border-radius:.12em;text-shadow:none}.caption span{background:#12161095;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.04em .16em}.video-canvas.no-highlight mark{background:#12161095;color:var(--ink);text-shadow:0 1px 8px #0008}.compare-button{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);background:#181c16b8;border:1px solid #ffffff36;backdrop-filter:blur(8px);font-size:3.2cqw;min-height:32px;white-space:nowrap;padding:6px 10px;border-radius:20px;z-index:5}.compare-button[aria-pressed=true]{background:var(--fg);color:#151615}.video-canvas.comparing .caption,.video-canvas.comparing .graphic,.video-canvas.comparing .safe-zone,.video-canvas.comparing .image-shade,.video-canvas.comparing .animation-art{visibility:hidden}.video-canvas.comparing>img,.video-canvas.comparing>video{filter:none!important;transform:none!important}.graphic{position:absolute;left:8%;top:61%;display:flex;gap:9px;align-items:center;color:var(--accent)}.graphic-number{font:650 4cqw 'JetBrains Mono';border:1px solid currentColor;padding:4px}.graphic-line{width:14cqw;height:1px;background:currentColor}.video-canvas[data-pack=none] .graphic{display:none}.video-canvas[data-pack=paper] .graphic-number{background:var(--accent);color:var(--accent-ink);transform:rotate(-7deg);padding:7px 11px}.video-canvas[data-pack=type] .graphic-number{font:750 8cqw Unbounded;border:0;padding:0}.video-canvas[data-pack=editorial] .graphic-number{font:500 12cqw Literata;border:0;padding:0}.safe-zone{position:absolute;top:14%;left:19%;width:62%;height:35%;border:1px dashed #d8eccb99;border-radius:44%;z-index:2}.safe-zone>span{position:absolute;top:-18px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:2.9cqw;color:#e3efda;background:#20251d;padding:2px 5px}.style-editorial .caption{font-weight:500;font-style:normal;line-height:1.35;text-align:left;left:9%;right:7%;bottom:18%}.style-paper .caption{transform:rotate(-3deg)}.style-paper .caption span{background:var(--paper);color:var(--ink);text-shadow:none;padding:.1em .3em;line-height:1.7}.style-paper .caption mark{border-radius:0}.style-kinetic .caption{text-transform:uppercase;line-height:1.18;font-size:4.7cqw;bottom:19%}.style-diagram .caption{font-weight:500;letter-spacing:-.05em;font-size:4.5cqw}.style-signal .caption{font-weight:900;line-height:1.25;text-transform:uppercase;font-size:5.6cqw}.style-signal .caption span{background:transparent}.video-canvas.playing .caption{animation:caption-beat var(--duration) ease-in-out infinite}.video-canvas.playing.zoom>img{animation:camera var(--duration) ease-in-out infinite}.video-canvas.grain:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.animation-art{position:absolute;inset:0;background:var(--paper);color:var(--ink);padding:15%;display:flex;flex-direction:column;justify-content:center}.animation-art>span{font:500 4cqw 'JetBrains Mono';letter-spacing:.2em}.animation-art i{color:var(--accent);font-size:32cqw;font-style:normal;line-height:1}.animation-art strong{font:800 9cqw Unbounded;line-height:1.1;letter-spacing:-.05em}.animation-art strong span{color:var(--accent)}.transport{display:flex;gap:10px;align-items:center;padding:12px 12px 5px}.icon-button{display:grid;place-items:center;flex-shrink:0;min-width:34px;min-height:34px;font-size:12px;border-radius:5px}.icon-button:hover{background:#30372a}.timeline{position:relative;flex:1;background:#2b3425;height:21px;border-radius:3px;overflow:hidden}.cuts{height:100%;display:flex;gap:2px}.cuts i{flex:1;background:#7a8c65;opacity:.6}.cuts i:nth-child(3n){background:#c3d6a1;opacity:.8}.cuts i:nth-child(5n){background:#b6a68b}.playhead{position:absolute;left:0;top:0;height:100%;width:2px;background:#f7efdc}.timecode{font:8px 'JetBrains Mono';white-space:nowrap}.timecode b{font-weight:400;color:#808974}.preview-footnote{font-size:8px;text-align:center;color:#919986;margin:8px 10px 16px}.settings-panel{min-width:0;background:#1d201b;border:1px solid #373b31;border-radius:12px;overflow:hidden}.tabs{display:flex;border-bottom:1px solid #383d30;padding:0 15px;gap:9px}.tabs>button{min-height:47px;padding:0 11px;color:#9ca491;border-bottom:2px solid transparent;font-size:11px}.tabs>button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--ui-accent)}.settings-body{padding:22px 22px 14px;min-height:404px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading h2{font-size:14px;font-weight:650;letter-spacing:-.03em;margin:0}.section-heading>span{font:8px 'JetBrains Mono';color:#8e9980;letter-spacing:.04em}.muted{font-size:10px;color:#a0a793;line-height:1.65;margin:9px 0 18px}.small{font-size:9px}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.style-card{text-align:left;padding:0;min-width:0}.style-thumb{position:relative;height:86px;border-radius:6px;overflow:hidden;background:#353c2f;border:1px solid #48503d;display:flex;align-items:center;justify-content:center;isolation:isolate}.style-thumb>img{width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:.58;filter:saturate(.55)}.style-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#131a0da8);z-index:0}.thumb-text{position:absolute;left:4px;right:4px;bottom:15px;text-align:center;font-size:13px;line-height:1.3;color:#fff6dc;font-weight:800;z-index:1}.thumb-text mark{background:var(--card-accent);color:#151712;padding:1px 4px}.style-card[data-style=editorial] .thumb-text{font-family:Literata;font-weight:500}.style-card[data-style=paper] .thumb-text{transform:rotate(-6deg)}.style-card[data-style=diagram] .thumb-text{font-family:'JetBrains Mono';font-size:11px}.style-card[data-style=kinetic] .thumb-text{font-family:Unbounded;font-size:10px}.style-card[aria-pressed=true] .style-thumb{border:2px solid var(--ui-accent)}.style-card[aria-pressed=true] .style-thumb:before{content:'✓';position:absolute;right:4px;top:4px;background:var(--ui-accent);color:#1b2116;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;font-size:10px;z-index:3}.style-card .style-name{font-size:10px;display:flex;align-items:center;gap:5px;justify-content:space-between;padding-top:7px;color:#c6ccba}.style-name small{color:#8d977e;font-size:7px}.style-card:disabled .style-thumb{filter:grayscale(1)}.selection-description{margin-top:18px;padding:12px 0;border-top:1px solid #383f30;border-bottom:1px solid #383f30}.selection-description>span{font-size:10px;font-weight:700}.selection-description p{font-size:9px;color:#9fa78f;line-height:1.6;margin:4px 0}.control-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px}.control-line label{font-size:10px}.control-line>div>span{display:block;font-size:8px;color:#8e987e;line-height:1.6;margin-top:4px}select{background:#292e23;color:var(--fg);border:1px solid #49523d;border-radius:5px;min-height:36px;padding:7px 9px;font-size:10px;max-width:100%}.settings-footer{border-top:1px solid #383d30;padding:17px 22px 12px;display:grid;grid-template-columns:1fr 1.25fr;gap:10px}.settings-footer .button{font-size:10px;min-height:43px;padding:10px 12px}.settings-footer>p{grid-column:1/-1;text-align:center;font-size:8px;color:#8e977e;margin:2px 0}.input-label{display:flex;justify-content:space-between;font-size:11px;margin:20px 0 10px}.full-select{width:100%;min-height:44px;font-size:12px}.font-sample{font-family:var(--video-font);font-size:24px;line-height:1.5;padding:20px 0;border-bottom:1px solid var(--line)}.font-sample>span{font-size:12px;color:#b5bda6}input[type=range]{width:100%;accent-color:var(--ui-accent);min-height:24px;margin:0}textarea{resize:vertical;background:#141910;color:var(--fg);border:1px solid #49523d;border-radius:6px;padding:12px;width:100%;font-size:13px;line-height:1.5}.toggle-line{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;min-height:47px;cursor:pointer;border-bottom:1px solid #31392a}.toggle-line input{position:absolute;opacity:0;pointer-events:none}.toggle-line i{width:30px;height:18px;background:#4b5540;position:relative;flex-shrink:0;border-radius:12px}.toggle-line i:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#d1d7c1;left:3px;top:3px}.toggle-line input:checked+i{background:var(--ui-accent)}.toggle-line input:checked+i:after{left:15px;background:#1a1d17}.toggle-line input:focus-visible+i{outline:2px solid var(--ui-accent);outline-offset:4px}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.palette{display:flex;align-items:center;text-align:left;gap:8px;border:1px solid #46503a;border-radius:6px;padding:10px 9px;font-size:9px;min-height:44px}.palette[aria-pressed=true]{border-color:var(--ui-accent);background:#323c29}.swatches{display:flex;flex-shrink:0}.swatches i{width:14px;height:20px;background:var(--swatch);border:1px solid #ffffff18}.swatches i:first-child{border-radius:3px 0 0 3px}.swatches i:last-child{border-radius:0 3px 3px 0}.looks{display:flex;flex-wrap:wrap;gap:6px}.look{padding:9px 10px;min-height:37px;border:1px solid #4b543f;border-radius:5px;font-size:9px}.look[aria-pressed=true]{background:#455038;border-color:#9baa86}h3{font-size:11px;font-weight:600;margin:23px 0 13px}.audio-notice{display:flex;gap:12px;padding:17px 0 0}.audio-notice>span{font-size:24px;color:var(--ui-accent)}.audio-notice strong{font-size:10px}.audio-notice p{font-size:9px;color:#9faa8f;line-height:1.7;margin:6px 0}.next-step{display:flex;gap:30px;align-items:start;border-top:1px solid #343b2c;padding:29px 0;margin-top:32px}.step-number{font:8px 'JetBrains Mono';white-space:nowrap;color:#a0aa91;padding-top:7px}.next-step h2{font-size:22px;letter-spacing:-.05em;font-weight:600;margin:0 0 9px}.next-step p{color:#a6b198;font-size:11px;line-height:1.8;margin:0;max-width:470px}.next-arrow{font-size:42px;color:var(--ui-accent);margin-left:auto;line-height:1}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8e9b7e;padding:26px 0;border-top:1px solid #343b2c;font-size:8px;letter-spacing:.08em}.app-footer button{font-size:8px}.empty-view,.saved-view{padding:55px 0;min-height:650px}.empty-view h1,.saved-view h1{max-width:600px}.empty-view>p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:14px;line-height:1.7;margin:25px 0}.saved-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.saved-row>div{flex:1}.saved-row strong{font-size:14px}.saved-row p{font-size:11px;color:var(--muted)}.saved-row button{min-height:44px;font-size:11px}.saved-view>.button{margin-top:25px}.mobile-nav{display:none}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--fg);color:#1d2216;border:1px solid #fff;border-radius:8px;padding:14px 20px;box-shadow:0 8px 40px #0006;font-size:12px;z-index:50}dialog{background:#232a1c;color:var(--fg);border:1px solid #657651;border-radius:16px;padding:35px;max-width:min(92vw,520px);width:100%;max-height:90svh}dialog::backdrop{background:#050704c9;backdrop-filter:blur(8px)}dialog h2{font-size:28px;line-height:1.15;letter-spacing:-.05em;font-weight:600;margin:10px 0 18px}dialog p:not(.eyebrow){font-size:12px;line-height:1.8;color:#c1cbb2;white-space:pre-line}.dialog-close{position:absolute;right:12px;top:8px;font-size:28px;min-width:44px;min-height:44px}dialog>.button{margin-top:16px;width:100%}#dialog-preview{display:flex;justify-content:center}#dialog-preview .video-canvas{width:210px}#dialog-preview .compare-button{display:none}@keyframes caption-beat{0%,8%,91%,100%{opacity:0;transform:translateY(9px) scale(.97)}16%,81%{opacity:1;transform:translateY(0) scale(1)}}@keyframes camera{0%,100%{transform:scale(1)}60%{transform:scale(1.07)}}
@media(min-width:1500px){.preview-stage{min-height:510px}.video-canvas{width:270px}.style-thumb{height:101px}.settings-body{min-height:465px}}
@media(max-width:1150px){.app-shell{grid-template-columns:175px minmax(0,1fr)}.desktop-rail{padding:36px 19px}main{padding:0 25px}.workspace{gap:16px;grid-template-columns:minmax(250px,1fr) minmax(300px,1fr)}.settings-body{padding:19px 16px 13px}.settings-footer{padding:15px 16px 12px}.preview-stage{min-height:432px;padding:12px}.video-canvas{width:225px}.breadcrumb{font-size:9px}.page-title h1{font-size:32px}.field-label{display:none}.mode{font-size:9px;padding:8px 10px}.tabs{padding:0 9px;gap:4px}.tabs>button{font-size:10px;padding:0 10px}.style-thumb{height:77px}.settings-footer{grid-template-columns:1fr}.settings-footer .button{min-height:37px}.next-step{gap:20px}}
@media(max-width:850px){.app-shell{display:block}.desktop-rail{display:none}.mobile-logo{display:block;font-size:26px}.breadcrumb{display:none}main{padding:0 25px}.topbar{min-height:72px}.workspace{grid-template-columns:1fr 1.1fr}.page-title h1{font-size:34px}.page-title .eyebrow{font-size:8px}.mode-row{margin-bottom:20px}.settings-body{min-height:410px}.style-grid{gap:8px}.settings-footer{grid-template-columns:1fr 1.15fr}.settings-footer .button{font-size:9px;gap:7px;padding:10px 8px}.tabs{gap:3px}.tabs>button{padding:0 9px}.preview-stage{min-height:435px}.video-canvas{width:214px}.preview-meta{padding:0 14px}.preview-footnote{font-size:7px}.mode{font-size:10px}}
@media(max-width:650px){main{padding:0 19px 82px}.prototype-note{min-height:27px;font-size:8px;gap:6px}.topbar{min-height:66px}.trial-badge{font-size:8px;gap:5px}.mobile-logo{font-size:24px}.page-title{padding:23px 0 20px;align-items:start;gap:12px}.page-title h1{font-size:31px;max-width:240px;line-height:1.05}.page-title .eyebrow{font-size:6.8px;letter-spacing:.12em;margin-bottom:10px}.upload-button{min-height:36px;padding:10px;font-size:0;gap:0}.upload-button>span{font-size:19px}.upload-button:after{content:'Видео';font-size:10px;margin-left:4px}.mode-row{margin:0 -19px 17px;padding-left:19px}.modes{padding-right:19px;width:100%}.mode{font-size:9px;padding:8px 10px;min-height:34px}.workspace{display:block}.preview-panel{border-radius:10px}.preview-meta{height:35px;padding:0 15px;font-size:9px}.preview-stage{min-height:325px;padding:5px 15px 13px;background:radial-gradient(ellipse at 50% 50%,#3d4631 0%,#1b2115 70%,#151a10 100%)}.video-canvas{width:177px;border-radius:6px}.transport{padding:4px 10px 0;gap:8px}.timeline{height:17px}.timecode{font-size:7px}.icon-button{min-width:30px;min-height:30px}.preview-footnote{font-size:7px;margin:4px 8px 10px}.settings-panel{margin-top:17px;border-radius:10px}.tabs{padding:0 13px;gap:14px}.tabs>button{min-height:45px;font-size:11px;padding:0 8px}.settings-body{padding:19px 16px 16px;min-height:0}.section-heading h2{font-size:13px}.section-heading>span{font-size:7px}.muted{font-size:10px}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 10px}.style-thumb{height:91px}.style-card .style-name{font-size:9px}.style-name small{font-size:6px}.thumb-text{font-size:12px}.selection-description p{font-size:10px}.control-line label{font-size:10px}.control-line>div>span{font-size:8px;max-width:170px}.settings-footer{padding:15px 16px 12px;grid-template-columns:1fr 1.3fr}.settings-footer .button{font-size:9px;min-height:44px}.settings-footer>p{font-size:7px}.next-step{padding:25px 0;margin-top:25px;gap:12px;flex-wrap:wrap}.step-number{width:100%;font-size:7px}.next-step>div{max-width:85%}.next-step h2{font-size:24px;line-height:1.15;max-width:230px}.next-step p{font-size:10px;line-height:1.8}.next-arrow{font-size:29px}.app-footer{font-size:6px;letter-spacing:.03em;gap:10px}.app-footer button{font-size:7px;min-height:44px;padding:0}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;background:#181c14f5;backdrop-filter:blur(16px);border-top:1px solid #3d4732;padding:6px 18px calc(6px + env(safe-area-inset-bottom))}.mobile-nav>button{min-height:48px;min-width:75px;display:grid;gap:3px;justify-items:center;align-content:center;font-size:8px;color:#a3ae93}.mobile-nav>button>span{font-size:18px;line-height:1}.mobile-nav>button.active{color:var(--ui-accent)}#toast{bottom:82px;font-size:11px;width:max-content;max-width:90vw}.empty-view,.saved-view{min-height:65vh;padding:40px 0}.empty-view h1,.saved-view h1{font-size:37px}.empty-view>p:not(.eyebrow){font-size:13px}.saved-row{gap:10px;flex-wrap:wrap}.saved-row>div{min-width:160px}.saved-row strong{font-size:13px}.saved-row p{font-size:10px}dialog{padding:30px 24px}dialog h2{font-size:25px}.font-sample{font-size:25px}.toggle-line{font-size:11px;min-height:50px}.small{font-size:9px}.palette{font-size:9px;min-height:46px}.input-label{font-size:11px}.look{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:active{transform:none}}

/* Neutral product chrome; video palettes never recolor the application. */
:root{--bg:#161716;--panel:#202120;--line:#393b37}.preview-stage{background:radial-gradient(ellipse at 50% 45%,#42443d 0%,#20221e 64%,#171916 100%)}.settings-panel{background:#20221e}.settings-body{min-height:424px}.tabs{border-bottom-color:#3b3e36}.style-thumb{background:#3b3d36}.prototype-note{min-height:38px}.prototype-note button{min-width:32px;min-height:30px;border:0;font-size:12px}.compare-button{font-size:10px;min-height:36px}.safe-zone>span{font-size:8px}.tab-panel .small{font-size:10px}
@media(max-width:650px){.prototype-note{min-height:38px;font-size:9px}.prototype-note button{min-width:44px;min-height:34px}.upload-button{min-height:44px}.mode{min-height:44px;font-size:10px}.preview-stage{background:radial-gradient(ellipse at 50% 45%,#41453b 0%,#23261f 68%,#191c16 100%)}.icon-button{min-width:44px;min-height:44px}.compare-button{font-size:9px;min-height:36px}.preview-footnote{font-size:9px}.settings-body{min-height:0}.section-heading h2{font-size:14px}.muted{font-size:12px}.tab-panel .small{font-size:11px}.style-card .style-name{font-size:11px}.style-name small{display:none}.selection-description p{font-size:11px}.selection-description>span{font-size:12px}.control-line label{font-size:11px}.control-line>div>span{font-size:9px}.settings-footer .button{font-size:10px}.settings-footer>p{font-size:9px}.toggle-line{font-size:12px}.palette{font-size:11px}.look{font-size:11px;min-height:44px}.audio-notice strong{font-size:12px}.audio-notice p{font-size:11px}.next-step p{font-size:12px}}

.safe-zone{top:8%;height:54%}.graphic{top:auto;bottom:9%;left:7%;gap:5px}.graphic-line{width:6cqw}
@media(max-width:650px){.topbar{min-height:59px}.page-title{padding:18px 0}.page-title .eyebrow{display:none}.page-title h1{font-size:28px}.preview-stage{min-height:287px;padding:5px 15px 12px}.video-canvas{width:152px}.preview-panel{position:sticky;top:0;z-index:10;box-shadow:0 8px 18px #10120e44}.style-thumb{height:82px}.compare-button{min-height:44px;min-width:84px}.style-grid{gap:12px 10px}.settings-footer .button{min-height:46px}.prototype-note button{min-height:38px}.preview-footnote{font-size:9px;margin:4px 8px 10px}.settings-body>.muted,.tab-panel>.muted{margin:8px 0 12px}}

/* Readable controls at actual CSS size, independent of output-caption scale. */
.prototype-note,.prototype-note button,.small-label,.eyebrow,.breadcrumb,.trial-badge,.field-label,.mode,.mode small,.preview-meta,.ratio,.timecode,.preview-footnote,.tabs>button,.section-heading>span,.style-card .style-name,.style-name small,.selection-description>span,.control-line label,.control-line>div>span,select,.settings-footer .button,.settings-footer>p,.input-label,.toggle-line,.palette,.look,.audio-notice strong,.audio-notice p,.step-number,.app-footer,.app-footer button,.rail-bottom button,.mobile-nav>button{font-size:11px}
.muted,.selection-description p,.tab-panel .small,.next-step p{font-size:12px}.settings-body{min-height:440px}.control-line>div>span{max-width:210px}.section-heading{align-items:start}.style-name small{font-size:9px;display:none}.tabs>button{min-width:60px;min-height:46px}.preview-footnote{line-height:1.5}.timecode{font-size:10px}.compare-button{font-size:11px;min-height:44px;min-width:86px}.prototype-note button{min-width:44px;min-height:44px}.settings-footer .button{font-size:11px;line-height:1.4;min-height:48px}.settings-footer>p{font-size:10px}.app-footer{flex-wrap:wrap}.rail-bottom .small-label{font-size:10px}.next-step{gap:24px}#source-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 65px)}
@media(max-width:650px){.prototype-note{font-size:10px;gap:5px;padding:0 8px}.prototype-note button{min-width:44px;min-height:44px}.trial-badge{font-size:10px}.mode{font-size:11px}.mode small{font-size:10px}.settings-body{min-height:0}.tabs{gap:5px}.tabs>button{min-width:60px}.settings-footer .button{font-size:11px}.selection-description p{font-size:12px}.control-line>div>span{font-size:10px;max-width:165px}.preview-footnote{font-size:10px}.app-footer{gap:0}.app-footer button{font-size:11px}.mobile-nav>button{font-size:10px}.next-step{gap:12px}.safe-zone>span{font-size:8px}}

/* Final reading pass: captions inside the scaled video retain output geometry. */
h1{letter-spacing:-.045em}.next-step h2{letter-spacing:-.035em}.rail-bottom .small-label,.trial-badge,.prototype-note,.timecode,.settings-footer>p,.mobile-nav>button,.preview-footnote,.control-line>div>span{font-size:11px}.safe-zone>span{font-size:11px}.muted,.selection-description p,.tab-panel .small,.next-step p{font-size:13px}.preview-panel,#toast{box-shadow:none}.tabs{padding-bottom:1px}@media(max-width:650px){h1,.page-title h1{letter-spacing:-.045em}.prototype-note,.trial-badge,.mobile-nav>button,.timecode,.preview-footnote,.control-line>div>span{font-size:11px}.prototype-note{gap:4px;line-height:1.4}.prototype-note button{min-width:36px}.settings-body{padding:19px 16px 16px}.next-step p,.muted,.selection-description p,.tab-panel .small{font-size:13px}.preview-panel{box-shadow:none}}

.wordmark{display:inline-flex;align-items:center;gap:0}.wordmark img{width:30px;height:30px;border-radius:6px;margin-right:8px;flex-shrink:0}body{font-optical-sizing:auto}

.mobile-logo{display:none}.preview-meta{gap:12px;min-height:49px}.preview-meta .compare-button{position:static;transform:none;min-height:44px;min-width:86px;font-size:11px;padding:6px 10px;flex-shrink:0}.preview-meta .ratio{flex-shrink:0}#source-name{flex:1;min-width:0}.preview-meta .ratio>span{margin-left:5px}@media(max-width:850px){.mobile-logo{display:inline-flex}}