:root{color-scheme:light dark;font-synthesis:none;--background:#f2f3f5;--surface:#fff;--surface-raised:#fff;--text:#15171a;--muted:#6b7078;--border:#d9dce1;--control:#eef0f3;--accent:#0a84ff;--accent-hover:#0074df;--accent-text:#fff;--success:#168345;--success-bg:#e4f5ea;--danger:#c9343d;--danger-bg:#fde9ea;--warning:#956209;--warning-bg:#fff4d8;--radius:10px;background:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--background);min-height:100vh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent), transparent 65%);outline-offset:2px}h1,h2,p{margin-top:0}.app-shell{min-height:100vh;padding:24px}.workspace{grid-template-columns:minmax(560px,1fr) 320px;gap:24px;width:min(1440px,100%);margin:0 auto;display:grid}.preview-pane{flex-direction:column;min-width:0;min-height:calc(100vh - 48px);display:flex}.preview-toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:40px;margin-bottom:14px;display:flex}.segmented-control{border:1px solid var(--border);background:var(--control);border-radius:8px;flex:none;gap:3px;padding:3px;display:inline-flex}.segmented-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 14px}.segmented-control button.selected{color:var(--text);background:var(--surface-raised);box-shadow:0 1px 3px #0000001f}.preview-file-name,.source-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.preview-file-name{color:var(--muted);font-size:.88rem}.preview-box{border-radius:var(--radius);background:#101114;flex:1;place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.preview-box video,.preview-box img{object-fit:contain;width:100%;height:100%;display:block}.preview-box>.preview-updating,.compare-item.preview-updating{opacity:.4}.compare-preview{gap:12px;display:flex;position:absolute;inset:0}.compare-preview.row{flex-direction:row}.compare-preview.column{flex-direction:column}.compare-item{flex:1 1 0;place-items:center;min-width:0;min-height:0;margin:0;transition:opacity .14s;display:grid;position:relative;overflow:hidden}.compare-item figcaption{color:#fff;background:#000000ad;border-radius:999px;width:fit-content;max-width:calc(100% - 16px);padding:4px 8px;font-size:.72rem;font-weight:650;position:absolute;bottom:8px;left:8px;right:8px}.render-overlay{z-index:2;color:#fff;pointer-events:none;background:#1e2024eb;border:1px solid #ffffff24;border-radius:999px;gap:8px;width:min(270px,100% - 24px);padding:10px 12px;display:grid;position:absolute;box-shadow:0 4px 18px #00000047}.render-overlay-centered{top:50%;left:50%;transform:translate(-50%,-50%)}.render-overlay-badge{top:12px;right:12px}.render-overlay-label{font-variant-numeric:tabular-nums;align-items:center;gap:8px;min-width:0;font-size:.78rem;font-weight:650;display:flex}.render-overlay-spinner{border:2px solid #ffffff47;border-top-color:#fff;border-radius:50%;flex:none;width:13px;height:13px;animation:.75s linear infinite render-overlay-spin}.render-overlay-progress{background:#ffffff2e;border-radius:999px;width:100%;height:3px;overflow:hidden}.render-overlay-progress span{border-radius:inherit;background:#fff;height:100%;transition:width .14s;display:block}.render-overlay-progress.indeterminate span{width:42%;animation:1.2s ease-in-out infinite render-overlay-progress}@keyframes render-overlay-spin{to{transform:rotate(360deg)}}@keyframes render-overlay-progress{0%{transform:translate(-110%)}to{transform:translate(240%)}}.preview-placeholder{color:#969ba4;text-align:center;padding:24px}.preview-caption{color:var(--muted);text-align:center;margin:12px 0 0;font-size:.88rem}.sidebar{flex-direction:column;gap:12px;min-width:0;display:flex}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px;box-shadow:0 1px 2px #00000008}.card h2{letter-spacing:.01em;margin-bottom:14px;font-size:.88rem;font-weight:700}.section-heading-row,.status-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-heading-row h2,.status-heading h2{margin-bottom:0}.text-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:.82rem}.source-name{margin:16px 0 4px;font-size:.92rem}.source-facts,.control-footer{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.soft-warning{color:var(--warning);background:var(--warning-bg);border-radius:7px;margin:10px 0 0;padding:8px 9px;font-size:.78rem;line-height:1.35}.updating-label{color:var(--muted);font-size:.76rem}.output-measure{flex-direction:column;margin:14px 0 16px;transition:opacity .14s;display:flex}.output-measure.updating{opacity:.48}.output-measure strong{font-variant-numeric:tabular-nums;font-size:1.8rem;line-height:1.1}.output-measure span{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:.77rem}.budget-control{grid-template-columns:1fr 82px auto;align-items:center;gap:7px;margin-bottom:12px;display:grid}.checkbox-label{align-items:center;gap:7px;font-size:.84rem;display:inline-flex}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);margin:0}.number-input,.preset-select{border:1px solid var(--border);min-width:0;height:32px;color:var(--text);background:var(--surface-raised);font-variant-numeric:tabular-nums;border-radius:7px}.number-input{text-align:right;width:72px;padding:5px 6px}.number-input:disabled{opacity:.45}.budget-input{width:82px}.unit{color:var(--muted);font-size:.76rem}.status-pill{border-radius:999px;max-width:100%;padding:5px 9px;font-size:.75rem;line-height:1.2;display:inline-flex}.status-pill.neutral{color:var(--muted);background:var(--control)}.status-pill.success{color:var(--success);background:var(--success-bg)}.status-pill.danger{color:var(--danger);background:var(--danger-bg)}.derived-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.range-row{grid-template-columns:1fr 72px 22px;align-items:center;gap:8px;margin-top:14px;display:grid}.range-row.no-unit{grid-template-columns:1fr 72px}input[type=range]{width:100%;accent-color:var(--accent);margin:0}.preset-select{width:100%;margin-top:12px;padding:5px 8px}.control-footer{margin-top:9px}.frame-rate-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.frame-rate-footer .text-button{font-size:inherit;flex:none}.preset-grid{grid-template-columns:repeat(8,1fr);gap:3px;margin-top:12px;display:grid}.preset-grid button{border:1px solid var(--border);min-width:0;color:var(--muted);background:var(--surface-raised);cursor:pointer;border-radius:5px;padding:5px 1px;font-size:.65rem}.preset-grid button.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 90%)}.status-text{color:var(--muted);margin:4px 0 0;font-size:.8rem;line-height:1.35}.status-text.error,.inline-error{color:var(--danger)}.progress-track{background:var(--control);border-radius:999px;width:100%;height:6px;margin-top:14px;position:relative;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .14s;display:block}.progress-track.indeterminate span{background:linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 55%), var(--accent));width:42%;margin-left:29%}.button{border:1px solid var(--border);min-height:38px;color:var(--text);background:var(--surface-raised);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent), var(--border) 50%)}.button.primary{border-color:var(--accent);color:var(--accent-text);background:var(--accent)}.button.primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.button.compact{min-height:30px;padding:4px 10px;font-size:.76rem}.button:disabled{opacity:.45;cursor:default}.export-button{width:100%}.centered-screen,.drop-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 48px);display:flex}.centered-screen h1,.drop-screen h1{margin-bottom:10px;font-size:1.5rem}.centered-screen>p{max-width:520px;color:var(--muted);margin-bottom:22px;line-height:1.5}.app-mark{color:#fff;background:var(--accent);letter-spacing:.05em;border-radius:15px;place-items:center;width:58px;height:58px;margin-bottom:20px;font-size:.9rem;font-weight:800;display:grid}.error-mark{background:var(--danger);font-size:1.4rem}.boot-progress{width:min(280px,75vw);margin:6px 0 18px}.drop-screen{gap:18px}.drop-zone{border:2px dashed var(--border);background:color-mix(in srgb, var(--surface), transparent 12%);border-radius:18px;width:min(620px,100%);padding:70px 24px}.drop-zone h1{margin-top:18px}.film-icon{border:3px solid var(--muted);border-radius:7px;width:54px;height:42px;margin:0 auto;position:relative}.film-icon:before,.film-icon:after{content:"";background:repeating-linear-gradient(to bottom, var(--muted) 0 4px, transparent 4px 8px);width:4px;position:absolute;top:4px;bottom:4px}.film-icon:before{left:4px}.film-icon:after{right:4px}.film-icon span{border:solid var(--muted);border-width:0 3px 3px 0;position:absolute;inset:12px 18px;transform:rotate(-45deg)}.drop-or{color:var(--muted);margin-bottom:12px}.drop-zone .inline-error{margin:14px 0 0;font-size:.86rem}.privacy-note{color:var(--muted);margin:0;font-size:.8rem}.spinner{border:4px solid var(--control);border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;margin-bottom:20px}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:min(520px,80vw);overflow:hidden}.drop-overlay{z-index:20;border:3px dashed var(--accent);color:var(--accent);background:color-mix(in srgb, var(--background), transparent 8%);pointer-events:none;border-radius:16px;place-items:center;font-size:1.2rem;font-weight:700;display:grid;position:fixed;inset:12px}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=899px){.app-shell{padding:16px}.workspace{grid-template-columns:minmax(0,1fr)}.preview-pane{min-height:auto}.preview-box{aspect-ratio:16/10;min-height:0}.sidebar{width:100%;max-width:620px;margin:0 auto}.centered-screen,.drop-screen{min-height:calc(100vh - 32px)}}@media (prefers-color-scheme:dark){:root{--background:#121316;--surface:#1c1e22;--surface-raised:#272a2f;--text:#f3f4f6;--muted:#a0a5ae;--border:#373a40;--control:#2a2d32;--success:#61d38a;--success-bg:#173523;--danger:#ff777d;--danger-bg:#3d1d20;--warning:#f0bd5a;--warning-bg:#392d17}}