:root{color-scheme:dark light;--video: #5ad1ff;--video-dim: #2b7ea3;--audio: #ffb454;--audio-dim: #a8702b;--bg: #0a0d13;--bg-glow: #131a28;--surface: #11151e;--surface-2: #171c27;--surface-3: #1e2431;--line: #262d3c;--line-soft: #1c222e;--text: #e8ecf4;--text-2: #a4aec2;--text-3: #6f7a8f;--danger: #ff7a70;--danger-bg: #2a1614;--ok: #5ee2a0;--warn: #ffc94a;--r-sm: 7px;--r-md: 11px;--r-lg: 16px;--r-xl: 22px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 8px 30px -12px rgb(0 0 0 / .65);--shadow-3: 0 24px 60px -20px rgb(0 0 0 / .7);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ease: cubic-bezier(.32, .72, 0, 1)}:root[data-theme=light],html[data-theme=light]{color-scheme:light;--video: #0b8fc4;--video-dim: #8fd6f0;--audio: #b5711a;--audio-dim: #f0cf9c;--bg: #f7f5f2;--bg-glow: #ffffff;--surface: #ffffff;--surface-2: #f4f1ec;--surface-3: #ebe7e0;--line: #ddd7cd;--line-soft: #e9e4dc;--text: #1a1e26;--text-2: #5a6373;--text-3: #8a93a3;--danger: #c0392b;--danger-bg: #fdefed;--ok: #12855c;--warn: #9a6b00;--shadow-1: 0 1px 2px rgb(30 25 15 / .06);--shadow-2: 0 8px 28px -14px rgb(30 25 15 / .22);--shadow-3: 0 24px 50px -22px rgb(30 25 15 / .26)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--video);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:color-mix(in oklab,var(--audio) 35%,transparent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{min-height:100%;display:flex;flex-direction:column;position:relative;isolation:isolate}.shell:before{content:"";position:fixed;inset:-20% 0 auto;height:560px;z-index:-1;background:radial-gradient(60% 60% at 30% 40%,color-mix(in oklab,var(--video) 13%,transparent),transparent 70%),radial-gradient(50% 55% at 72% 30%,color-mix(in oklab,var(--audio) 11%,transparent),transparent 70%);pointer-events:none}.page{width:100%;max-width:1120px;margin:0 auto;padding:var(--sp-5) var(--sp-4) var(--sp-7);flex:1}.masthead{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding-block:var(--sp-3) var(--sp-6)}.brand{display:flex;align-items:center;gap:var(--sp-3);margin-right:auto}.brand h1{font-size:19px;font-weight:620;letter-spacing:-.02em}.brand p{font-size:12.5px;color:var(--text-3);line-height:1.3}.brand-mark{width:34px;height:34px;flex:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);font-size:12px;font-weight:500;white-space:nowrap}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.chip[data-tone=ok]{color:var(--ok);border-color:color-mix(in oklab,var(--ok) 30%,var(--line))}.chip[data-tone=busy]{color:var(--video);border-color:color-mix(in oklab,var(--video) 30%,var(--line))}.chip[data-tone=warn]{color:var(--warn);border-color:color-mix(in oklab,var(--warn) 30%,var(--line))}.chip[data-tone=error]{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 35%,var(--line))}.chip[data-tone=busy] .dot{animation:pulse 1.4s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:9px 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:14px;font-weight:550;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease);white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-3);border-color:color-mix(in oklab,var(--text-3) 40%,var(--line))}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn[data-variant=primary]{background:linear-gradient(180deg,color-mix(in oklab,var(--video) 92%,white 8%),var(--video));border-color:transparent;color:#04222f;font-weight:640;box-shadow:0 6px 18px -8px color-mix(in oklab,var(--video) 80%,transparent)}.btn[data-variant=primary]:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in oklab,var(--video) 80%,white 20%),var(--video))}.btn[data-variant=ghost]{background:transparent;border-color:transparent;color:var(--text-2)}.btn[data-variant=ghost]:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn[data-variant=danger]{background:var(--danger-bg);border-color:color-mix(in oklab,var(--danger) 35%,transparent);color:var(--danger)}.btn[data-size=lg]{padding:13px 26px;font-size:15.5px;border-radius:var(--r-md)}.btn[data-size=sm]{padding:5px 10px;font-size:12.5px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.field-label{font-size:12.5px;font-weight:550;color:var(--text-2);letter-spacing:.01em}.field .hint{font-size:11.5px;color:var(--text-3);line-height:1.4}.input,.select{width:100%;padding:8px 11px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);font-size:14px;transition:border-color .15s var(--ease),background .15s var(--ease)}.input:hover,.select:hover{border-color:color-mix(in oklab,var(--text-3) 40%,var(--line))}.input:focus,.select:focus{outline:none;border-color:var(--video);box-shadow:0 0 0 3px color-mix(in oklab,var(--video) 18%,transparent)}.select{appearance:none;cursor:pointer;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 13px top 55%,right 8px top 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.input[type=number]{font-variant-numeric:tabular-nums}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.segmented button{padding:5px 12px;border:none;background:transparent;color:var(--text-3);border-radius:calc(var(--r-md) - 4px);font-size:13px;font-weight:550;cursor:pointer;transition:color .15s var(--ease),background .15s var(--ease)}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.switch{display:flex;align-items:center;gap:var(--sp-3);cursor:pointer;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:36px;height:21px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);position:relative;flex:none;transition:background .2s var(--ease),border-color .2s var(--ease)}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--text-3);transition:transform .2s var(--ease),background .2s var(--ease)}.switch input:checked+.track{background:color-mix(in oklab,var(--video) 30%,var(--surface-3));border-color:color-mix(in oklab,var(--video) 50%,var(--line))}.switch input:checked+.track:after{transform:translate(15px);background:var(--video)}.switch input:focus-visible+.track{outline:2px solid var(--video);outline-offset:2px}.switch .switch-text{display:flex;flex-direction:column;gap:1px;min-width:0}.switch .switch-text b{font-size:13.5px;font-weight:550}.switch .switch-text span{font-size:11.5px;color:var(--text-3);line-height:1.35}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--surface-3)}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--surface-3)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;margin-top:-5.5px;border-radius:50%;background:var(--text);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow-1);transition:transform .12s var(--ease)}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--text);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.dropzone{display:grid;place-items:center;gap:var(--sp-4);padding:var(--sp-7) var(--sp-5);min-height:340px;text-align:center;border:1.5px dashed var(--line);border-radius:var(--r-xl);background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--surface);cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.dropzone:hover,.dropzone:focus-visible{border-color:color-mix(in oklab,var(--video) 45%,var(--line));background:var(--surface-2)}.dropzone[data-dragging=true]{border-color:var(--video);background:color-mix(in oklab,var(--video) 7%,var(--surface));transform:scale(1.005)}.dropzone h2{font-size:21px;font-weight:600;letter-spacing:-.02em}.dropzone p{color:var(--text-2);max-width:46ch;font-size:14px}.dropzone .formats{font-size:12px;color:var(--text-3);font-family:var(--mono)}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--sp-5);align-items:start}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr)}}.stack{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0}.panel{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.panel-head{display:flex;align-items:baseline;gap:var(--sp-3);justify-content:space-between}.panel-head h3{font-size:14px;font-weight:600;letter-spacing:.01em}.panel-head .aside{font-size:12px;color:var(--text-3)}.filebar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.filebar .name{font-weight:550;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filebar .meta{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;display:flex;gap:10px;flex-wrap:wrap}.filebar .grow{min-width:0;flex:1}.viewer{position:relative;border-radius:var(--r-md);overflow:hidden;background:#000;border:1px solid var(--line);aspect-ratio:16 / 9;display:grid;place-items:center}.viewer video{width:100%;height:100%;object-fit:contain;display:block}.viewer .noviz{color:var(--text-3);font-size:13px;padding:var(--sp-5);text-align:center}.transport{display:flex;align-items:center;gap:var(--sp-3)}.transport .time{font-family:var(--mono);font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.scrub{flex:1}.shift-value{display:flex;align-items:center;gap:var(--sp-2)}.shift-value .stepper{width:34px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:17px;line-height:1;flex:none;transition:background .15s var(--ease),color .15s var(--ease)}.shift-value .stepper:hover{background:var(--surface-3);color:var(--text)}.shift-input-wrap{position:relative;flex:1;min-width:0}.shift-input{width:100%;height:40px;padding:0 34px 0 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--mono);font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--audio);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.shift-input:focus{outline:none;border-color:var(--audio);box-shadow:0 0 0 3px color-mix(in oklab,var(--audio) 18%,transparent)}.shift-input-wrap .unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-3);pointer-events:none;font-family:var(--mono)}.presets{display:flex;flex-wrap:wrap;gap:6px}.preset{padding:4px 10px;font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);cursor:pointer;transition:all .15s var(--ease)}.preset:hover{color:var(--text);border-color:color-mix(in oklab,var(--audio) 40%,var(--line))}.preset[aria-pressed=true]{background:color-mix(in oklab,var(--audio) 16%,var(--surface-2));border-color:color-mix(in oklab,var(--audio) 55%,transparent);color:var(--audio)}.timeline{display:flex;flex-direction:column;gap:7px;padding:var(--sp-4);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--r-md);overflow:hidden}.track-row{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:var(--sp-3)}.track-row .track-label{font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);text-align:right}.track-lane{position:relative;height:22px;border-radius:var(--r-sm);background:var(--surface-3);overflow:hidden}.track-bar{position:absolute;top:0;bottom:0;border-radius:var(--r-sm);transition:left .28s var(--ease),width .28s var(--ease)}.track-bar[data-kind=video]{background:linear-gradient(180deg,var(--video),var(--video-dim))}.track-bar[data-kind=audio]{background:linear-gradient(180deg,var(--audio),var(--audio-dim))}.tail-marker{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(-45deg,color-mix(in oklab,var(--ok) 35%,transparent) 0 4px,transparent 4px 8px);border-left:1px dashed color-mix(in oklab,var(--ok) 70%,transparent);transition:left .28s var(--ease),width .28s var(--ease)}.timeline-legend{display:flex;gap:var(--sp-4);flex-wrap:wrap;padding-left:58px;font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.timeline-legend .key{display:inline-flex;align-items:center;gap:5px}.timeline-legend .swatch{width:9px;height:9px;border-radius:2px;flex:none}.group{border-top:1px solid var(--line-soft)}.group:first-of-type{border-top:none}.group-toggle{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;background:none;border:none;cursor:pointer;text-align:left;color:var(--text)}.group-toggle .caret{color:var(--text-3);transition:transform .2s var(--ease);flex:none;display:grid;place-items:center}.group-toggle[aria-expanded=true] .caret{transform:rotate(90deg)}.group-toggle .title{font-size:13.5px;font-weight:570;flex:1}.group-toggle .summary{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.group-toggle .summary[data-active=true]{color:var(--audio)}.group-body{display:grid;gap:var(--sp-4);padding:var(--sp-2) 0 var(--sp-5) 26px}.row{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.row[data-cols="2"]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.slider-field{display:flex;flex-direction:column;gap:2px}.slider-field .top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3)}.slider-field .value{font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--text)}.recipes{display:flex;gap:6px;flex-wrap:wrap}.recipe{flex:1 1 150px;text-align:left;padding:9px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);cursor:pointer;transition:all .15s var(--ease)}.recipe:hover{border-color:color-mix(in oklab,var(--video) 45%,var(--line));background:var(--surface-3)}.recipe b{display:block;font-size:13px;font-weight:570}.recipe span{display:block;font-size:11.5px;color:var(--text-3);line-height:1.35;margin-top:1px}.command{font-family:var(--mono);font-size:12px;line-height:1.65;padding:var(--sp-3) var(--sp-4);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:var(--text-2);max-height:190px;overflow-y:auto}.command .flag{color:var(--video)}.command .lead{color:var(--text);font-weight:600}.notes{display:flex;flex-direction:column;gap:6px;list-style:none;padding:0}.note{display:flex;gap:var(--sp-2);font-size:12.5px;line-height:1.45;color:var(--text-2)}.note .icon{flex:none;margin-top:2px;color:var(--text-3)}.note[data-tone=warn],.note[data-tone=warn] .icon{color:var(--warn)}.note[data-tone=good] .icon{color:var(--ok)}.actionbar{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-4) var(--sp-5);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);position:sticky;bottom:var(--sp-4);box-shadow:var(--shadow-3);backdrop-filter:blur(12px)}.actionbar .summary{flex:1;min-width:160px;display:flex;flex-direction:column;gap:1px}.actionbar .summary b{font-size:13.5px;font-weight:570}.actionbar .summary span{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.progress-track{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--video),var(--audio));transition:width .3s var(--ease)}.progress-track[data-indeterminate=true] .progress-fill{width:35%!important;animation:slide 1.5s var(--ease) infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}.log{font-family:var(--mono);font-size:11.5px;line-height:1.6;color:var(--text-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3);max-height:190px;overflow:auto;white-space:pre-wrap;word-break:break-word}.result{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-lg);border:1px solid color-mix(in oklab,var(--ok) 32%,var(--line));background:color-mix(in oklab,var(--ok) 6%,var(--surface))}.result h3{font-size:16px;font-weight:620;letter-spacing:-.01em}.stat-row{display:flex;gap:var(--sp-5);flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:1px}.stat .k{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.stat .v{font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums;color:var(--text)}.banner{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:13px;line-height:1.5;border:1px solid}.banner[data-tone=error]{background:var(--danger-bg);border-color:color-mix(in oklab,var(--danger) 35%,transparent);color:var(--danger)}.banner[data-tone=warn]{background:color-mix(in oklab,var(--warn) 10%,var(--surface));border-color:color-mix(in oklab,var(--warn) 32%,transparent);color:var(--warn)}.banner[data-tone=info]{background:var(--surface-2);border-color:var(--line);color:var(--text-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}