:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0a0b0b;--rail:#101112;--control:#17191a;--control-hover:#1e2122;--line:#ffffff14;--line-strong:#ffffff24;--hover:#ffffff0d;--sunken:#ffffff05;--text:#ece9e3;--muted:#8c918f;--faint:#616664;--accent:#4fb286;--accent-hover:#5cc494;--accent-soft:#4fb28624;--on-accent:#04150e;--on-accent-soft:#04150e1f;--on-accent-line:#04150e40;--on-accent-muted:#04150ebf;--record:#f0565b;--record-soft:#f0565b24;--warn:#e0a458;--tooltip:#050606;--thumb:#f2f3f2;--thumb-shadow:0 1px 4px #0009;--track:#ffffff1a;--meter-bg:#0b0d0d;--meter-peak:#ffffffd9;--stage:#060707;--on-stage:#ece9e3;--on-stage-muted:#c8d0cc;--accent-stage:#4fb286;--radius:8px;--radius-lg:11px;--ease:cubic-bezier(.32, .72, 0, 1)}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#eeeeeb;--rail:#f8f8f6;--control:#fff;--control-hover:#f0f0ed;--line:#1318161f;--line-strong:#13181638;--hover:#1318160d;--sunken:#13181605;--text:#191c1b;--muted:#565c59;--faint:#7d8481;--accent:#1f7a54;--accent-hover:#196545;--accent-soft:#1f7a541f;--on-accent:#fff;--on-accent-soft:#ffffff2e;--on-accent-line:#ffffff59;--on-accent-muted:#ffffffd9;--record:#cc3239;--record-soft:#cc32391a;--warn:#9a6410;--tooltip:#1c211f;--thumb:#fff;--thumb-shadow:0 1px 3px #13181659, 0 0 0 1px #1318161f;--track:#13181624;--meter-bg:#13181612;--meter-peak:#131816bf}}*{box-sizing:border-box}body{background:var(--page);height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;display:flex;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{border:1px solid var(--line);background:var(--hover);min-width:17px;height:17px;color:var(--muted);border-radius:4px;place-items:center;padding:0 4px;font-family:inherit;font-size:10px;font-weight:600;line-height:1;display:inline-grid}.topbar{border-bottom:1px solid var(--line);background:var(--rail);-webkit-user-select:none;user-select:none;flex:none;justify-content:space-between;align-items:center;gap:12px;height:46px;padding:0 10px;display:flex}.topbar-side{align-items:center;gap:4px;min-width:0;display:flex}.topbar-center{border:1px solid var(--line);background:var(--sunken);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:3px 8px 3px 10px;display:flex}.cluster-label{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.topbar-center .segmented{background:var(--control);border-color:#0000;flex:none}.topbar-center .seg{flex:none;height:22px;padding:0 9px;font-size:11.5px;overflow:visible}.bitrate-cluster{align-items:center;gap:7px;display:flex}.bitrate-cluster input[type=range]{flex:none;width:74px}.bitrate-cluster.is-off input[type=range]{opacity:.3;pointer-events:none}.bitrate-cluster .number-field input[type=number]{width:38px;height:24px;font-size:12px}.wordmark{color:var(--text);letter-spacing:-.01em;padding:0 8px 0 6px;font-size:12px;font-weight:650}.rule-v{background:var(--line);width:1px;height:18px;margin:0 6px}.rule-h{background:var(--line);height:1px;margin:4px 0}.timer{color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:.01em;margin-left:8px;font-size:12px}.topbar.is-recording .timer{color:var(--record);font-weight:600}.topbar.is-paused .timer{color:var(--warn)}button{font:inherit;color:inherit}.btn{border-radius:var(--radius);height:30px;color:var(--text);white-space:nowrap;cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease), color .14s var(--ease), opacity .14s var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.btn:hover{background:var(--control-hover)}.btn:active{transform:translateY(.5px)}.glyph{flex:none;width:15px;height:15px}.btn-icon{width:30px;color:var(--muted);justify-content:center;padding:0}.btn-icon:hover{color:var(--text)}.btn-surface{border-color:var(--line);background:var(--control);color:var(--muted)}.btn-surface:hover{border-color:var(--line-strong);background:var(--control-hover)}.btn-ghost{color:var(--muted);font-size:12px}.btn-ghost:hover{color:var(--text)}.btn-record{border-color:var(--line);background:var(--control);font-weight:550}.btn-record:hover{border-color:var(--line-strong);background:var(--control-hover)}.btn-record.is-active{background:var(--record-soft);color:var(--record);border-color:#f0565b73}.btn-quiet{border-color:var(--line);background:var(--control);height:30px;color:var(--muted);font-size:12px}.btn-quiet:hover{border-color:var(--line-strong);color:var(--text)}.btn-primary{background:var(--accent);width:100%;height:34px;color:var(--on-accent);border-color:#0000;justify-content:center;font-weight:650}.btn-primary:hover{background:var(--accent-hover)}.btn-primary kbd{border-color:var(--on-accent-line);background:var(--on-accent-soft);color:var(--on-accent-muted)}.btn-primary.is-active{border-color:var(--line);background:var(--control);color:var(--text)}.btn-primary.is-active:hover{color:var(--record);border-color:#f0565b66}.btn-primary.is-active kbd{border-color:var(--line);background:var(--hover);color:var(--muted)}.btn.is-warning{color:var(--warn)}.rec-dot{background:var(--record);width:9px;height:9px;transition:border-radius .16s var(--ease), transform .16s var(--ease);border-radius:50%;flex:none}.is-active>.rec-dot{border-radius:2px;transform:scale(.82)}.topbar.is-recording .rec-dot,.rec-badge .rec-dot{animation:1.6s ease-in-out infinite pulse}.topbar.is-paused .rec-dot{background:var(--warn);animation:none}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}.glyph-resume,.is-paused>.glyph-pause{display:none}.is-paused>.glyph-resume{display:block}.glyph-exit-fs,body.is-fullscreen .glyph-enter-fs{display:none}body.is-fullscreen .glyph-exit-fs{display:block}.viewer:fullscreen{background:#000}[aria-disabled=true]{opacity:.38;cursor:not-allowed}[aria-disabled=true]:hover{color:inherit;background:0 0}.segmented [aria-disabled=true]:hover{background:0 0}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:60;border:1px solid var(--line);background:var(--tooltip);color:#ece9e3;text-align:left;white-space:normal;opacity:0;pointer-events:none;width:max-content;max-width:230px;transition:opacity .12s var(--ease) .3s, transform .12s var(--ease) .3s;border-radius:7px;padding:6px 8px;font-size:11.5px;font-weight:450;line-height:1.4;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%,-3px);box-shadow:0 8px 24px #0009}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)}.topbar-side:last-child [data-tip]:after{left:auto;right:0;transform:translateY(-3px)}.topbar-side:last-child [data-tip]:hover:after,.topbar-side:last-child [data-tip]:focus-visible:after{transform:translate(0)}.rail [data-tip]:after{left:0;transform:translateY(-3px)}.rail [data-tip]:hover:after,.rail [data-tip]:focus-visible:after{transform:translate(0)}.app-shell{min-height:0;transition:grid-template-columns .28s var(--ease);flex:1;grid-template-columns:268px minmax(0,1fr);display:grid}.rail-collapsed{grid-template-columns:0 minmax(0,1fr)}.rail{border-right:1px solid var(--line);background:var(--rail);min-width:0;min-height:0;transition:opacity .22s var(--ease), border-color .22s var(--ease);flex-direction:column;display:flex}.rail-collapsed .rail{opacity:0;pointer-events:none;border-right-color:#0000}.rail-scroll{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px 14px;display:flex;overflow:hidden auto}.rail-footer{border-top:1px solid var(--line);flex:none;padding:12px 14px 14px}.group{gap:7px;min-width:0;display:grid}.group-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.group-label{color:var(--faint);letter-spacing:.07em;text-transform:uppercase;font-size:10.5px;font-weight:600}.hint{color:var(--faint);margin:1px 0 0;font-size:11px;line-height:1.4}.select-wrap{align-items:center;display:flex;position:relative}.select-wrap select{border:1px solid var(--line);border-radius:var(--radius);background:var(--control);width:100%;height:32px;color:var(--text);font:inherit;text-overflow:ellipsis;appearance:none;cursor:pointer;transition:border-color .14s var(--ease), background .14s var(--ease);padding:0 28px 0 10px;font-size:12.5px}.select-wrap select:hover{border-color:var(--line-strong);background:var(--control-hover)}.chevron{width:14px;height:14px;color:var(--faint);pointer-events:none;position:absolute;right:9px}.segmented{border:1px solid var(--line);border-radius:var(--radius);background:var(--control);gap:2px;padding:2px;display:flex}.seg{min-width:0;height:26px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:background .14s var(--ease), color .14s var(--ease);background:0 0;border:0;border-radius:6px;flex:1;padding:0 6px;font-size:12px;font-weight:550;overflow:hidden}.seg:hover:not([aria-disabled=true]){background:var(--hover);color:var(--text)}.seg.is-active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px #4fb28638}.chip{border:1px solid var(--line);height:20px;color:var(--faint);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .14s var(--ease);background:0 0;border-radius:999px;padding:0 8px;font-size:10.5px;font-weight:600}.chip:hover{border-color:var(--line-strong);color:var(--text)}.chip.is-active{background:var(--accent-soft);color:var(--accent);border-color:#4fb2864d}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--fill,0%), var(--track) var(--fill,0%) 100%);border-radius:999px;height:3px}input[type=range]::-webkit-slider-thumb{background:var(--thumb);width:13px;height:13px;box-shadow:var(--thumb-shadow);appearance:none;border:0;border-radius:50%;margin-top:-5px}input[type=range]::-moz-range-track{background:var(--track);border-radius:999px;height:3px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:3px}input[type=range]::-moz-range-thumb{background:var(--thumb);border:0;border-radius:50%;width:13px;height:13px}.number-field{flex:none;align-items:baseline;gap:3px;display:flex}.number-field .unit{color:var(--faint);font-size:11px}input[type=number]{border:1px solid var(--line);border-radius:var(--radius);background:var(--control);height:30px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;font-size:12.5px}#bitrateValue{width:46px;padding:0 4px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]:focus{border-color:var(--accent);outline:none}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--sunken)}.panel summary{border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;height:34px;padding:0 10px;list-style:none;display:flex}.panel summary::-webkit-details-marker{display:none}.panel summary:hover{background:var(--hover)}.panel[open] summary{border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0}.summary-value{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.summary-value.is-on{color:var(--accent)}.panel-body{gap:8px;padding:10px;display:grid}.field-label{color:var(--muted);font-size:11.5px;font-weight:500}.chip-row{gap:6px;display:flex}.chip-row .chip{border-radius:var(--radius);letter-spacing:0;text-transform:none;height:26px;font-size:11.5px}.value-readout{color:var(--text);font-variant-numeric:tabular-nums;font-size:11.5px}.mini-actions{gap:4px;display:flex}.mini{border:1px solid var(--line);background:var(--control);width:22px;height:22px;color:var(--muted);cursor:pointer;transition:all .14s var(--ease);border-radius:5px;place-items:center;padding:0;display:grid}.mini svg{width:13px;height:13px}.mini:hover{border-color:var(--line-strong);color:var(--text)}.block{justify-content:center;width:100%}.meter{background:var(--meter-bg);height:6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;position:relative;overflow:hidden}.meter-fill{background:linear-gradient(to right, var(--accent) 0 62%, var(--warn) 62% 86%, var(--record) 86%);background-size:100vw 100%;border-radius:999px;transition:right 60ms linear;position:absolute;inset:0 100% 0 0}.meter-peak{background:var(--meter-peak);opacity:0;width:2px;transition:left .1s linear;position:absolute;top:0;bottom:0;left:0}.meter.is-live .meter-peak{opacity:1}.meter-scale{pointer-events:none;display:flex;position:absolute;inset:0}.meter-scale i{border-right:1px solid var(--line);flex:1}.meter-scale i:last-child{border-right:0}.count-badge{background:var(--accent);min-width:13px;height:13px;color:var(--on-accent);text-align:center;border-radius:999px;padding:0 3px;font-size:9px;font-weight:700;line-height:13px;position:absolute;top:1px;right:1px}.count-badge:empty{display:none}.text-field{border:1px solid var(--line);border-radius:var(--radius);background:var(--control);width:100%;height:32px;color:var(--text);font:inherit;padding:0 10px;font-size:12.5px}.text-field::placeholder{color:var(--faint)}.text-field:focus{border-color:var(--accent);outline:none}.seg-icon{place-items:center;padding:0;display:grid}.seg-icon svg{width:15px;height:15px}.inline-row{align-items:center;gap:6px;display:flex}.inline-row.is-hidden{display:none}.inline-row input[type=number]{width:100%;min-width:0}.inline-sep{color:var(--faint);font-size:11px}.status{color:var(--faint);min-height:17px;margin:10px 0 0;font-size:11.5px;line-height:1.45}.status.is-error{color:var(--record)}.viewer{background:var(--stage);place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stage{max-width:100%;max-height:100%;display:flex;position:relative}#preview{background:var(--stage);width:auto;max-width:100%;height:auto;max-height:100%;display:block}#studioCanvas{background:var(--stage);width:auto;max-width:100%;height:auto;max-height:100%;display:none}.stage.studio-active #preview,.stage.studio-active #overlayVideo,.stage.studio-active #watermarkPreview{visibility:hidden;position:absolute}.stage.studio-active #studioCanvas{display:block}.studio-tools{gap:10px;display:grid}.studio-tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--sunken);grid-template-columns:repeat(5,1fr);gap:3px;padding:3px;display:grid}.studio-tab{min-width:0;height:28px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 5px;font-size:10px}.studio-tab.is-active{background:var(--control);color:var(--text);box-shadow:0 0 0 1px var(--line)}.studio-panel{gap:8px;display:none}.studio-panel.is-active{display:grid}.studio-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.studio-list-row{border:1px solid var(--line);background:var(--control);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:30px;padding:3px 4px 3px 8px;display:grid}.studio-list-row.is-active{border-color:var(--accent)}.studio-list-row.is-disconnected{color:#f0a68f;border-color:#f0a68f40}.studio-list-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.studio-row-actions,.studio-actions{flex-wrap:wrap;gap:4px;display:flex}.studio-row-actions button,.studio-actions button{border:1px solid var(--line);background:var(--sunken);min-height:25px;color:var(--muted);cursor:pointer;border-radius:5px;padding:0 7px;font-size:10.5px}.studio-row-actions button:hover,.studio-actions button:hover{border-color:var(--line-strong);color:var(--text)}.studio-empty{color:var(--faint);margin:0;padding:8px;font-size:11px;line-height:1.4}.studio-effect-editor{background:#060c0bb8;border:1px solid #96ffd933;border-radius:10px;padding:10px}.studio-effect-add{gap:6px;margin-bottom:8px;display:flex}.studio-effect-add select{flex:1;min-width:0}.studio-effect-card{border:1px solid #ffffff1f;border-radius:8px;gap:6px;margin:9px 0 0;padding:10px 7px 7px;display:grid;position:relative}.studio-effect-card legend{color:var(--mint);text-transform:uppercase;padding:0 5px;font-size:11px}.studio-effect-remove{color:#ffffff94;cursor:pointer;background:0 0;border:0;font-size:10px;position:absolute;top:-7px;right:5px}.studio-background-picker{width:100%;margin-top:7px}.studio-effect-field{color:#ffffffad;grid-template-columns:70px minmax(0,1fr) 32px;align-items:center;gap:6px;font-size:10px;display:grid}.studio-effect-field input[type=range]{width:100%;min-width:0}.studio-effect-field input[type=color]{grid-column:2/-1;width:44px;height:25px}.studio-effect-field output{text-align:right;font-variant-numeric:tabular-nums}.studio-audio-meter{background:#ffffff1f;border-radius:999px;width:54px;height:7px;position:relative;overflow:visible}.studio-audio-meter>span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#55d99f 0 78%,#efc95c 78% 94%,#ff6767 94%);transition:transform 50ms linear;position:absolute;inset:0;transform:scaleX(0)}.studio-audio-meter>span.is-clipping{filter:saturate(1.5)brightness(1.15)}.studio-audio-meter output{color:#ffffff7a;font-size:8px;position:absolute;top:7px;right:0}.studio-audio-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.studio-toggle-field{grid-template-columns:1fr auto}.studio-recording-panel,.studio-recovery-panel{border-top:1px solid #ffffff1a;grid-column:1/-1;margin-top:8px;padding-top:10px}.studio-recording-panel h3,.studio-recovery-panel h3{color:#ffffffd1;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:11px}.studio-recording-status{color:var(--mint);margin:8px 0 2px;font-size:10px;line-height:1.45}.studio-diagnostics{color:var(--muted);gap:12px;font-size:10.5px;display:grid}.studio-diagnostics-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-diagnostics h3,.studio-diagnostics h4{color:#ffffffd9;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:11px}.studio-diagnostics dl{grid-template-columns:88px minmax(0,1fr);gap:6px 8px;margin:0;display:grid}.studio-diagnostics dt{color:#ffffff6b}.studio-diagnostics dd{color:#ffffffc2;overflow-wrap:anywhere;min-width:0;margin:0}.studio-safe-mode{background:#ffffff06;border:1px solid #ffffff17;border-radius:8px;padding:10px}.studio-safe-mode.is-active{background:#f7b54714;border-color:#f7b54766}.studio-safe-mode p{margin:6px 0 0;line-height:1.5}.studio-diagnostic-inputs{gap:5px;margin:0;padding:0;list-style:none;display:grid}.studio-diagnostic-inputs li{background:#ffffff09;border-radius:6px;padding:7px 8px}.studio-diagnostic-inputs li.is-disconnected,.studio-diagnostic-error{color:#f0a68f}.studio-safe-mode-notice{z-index:100;color:#f6d69e;opacity:0;pointer-events:none;background:#18140df5;border:1px solid #f7b54775;border-radius:9px;max-width:min(430px,100vw - 36px);padding:12px 15px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;bottom:18px;right:18px;transform:translateY(8px);box-shadow:0 16px 50px #0006}.studio-safe-mode-notice.is-visible{opacity:1;transform:translateY(0)}.studio-ui-notice{color:#fff1d4;background:#492b04f0;border:1px solid #ffb84c8c;border-radius:10px;margin:0 0 10px;padding:11px 13px;font-size:13px;font-weight:650;line-height:1.45;display:none}.studio-ui-notice.is-visible{display:block}.studio-warning{color:#ffd590}.studio-field{color:var(--muted);grid-template-columns:minmax(0,1fr) 70px;align-items:center;gap:8px;font-size:11.5px;display:grid}.studio-field input,.studio-field select{min-width:0}.studio-selection{z-index:8;border:1px solid var(--accent-stage);cursor:move;touch-action:none;outline:none;position:absolute;box-shadow:0 0 0 1px #0000008c}.studio-selection.is-locked{cursor:not-allowed;border-style:dashed}.studio-handle{background:var(--accent-stage);border:1px solid #0009;border-radius:2px;width:10px;height:10px;position:absolute}.studio-handle.resize-nw{cursor:nwse-resize;top:-5px;left:-5px}.studio-handle.resize-ne{cursor:nesw-resize;top:-5px;right:-5px}.studio-handle.resize-sw{cursor:nesw-resize;bottom:-5px;left:-5px}.studio-handle.resize-se{cursor:nwse-resize;bottom:-5px;right:-5px}.studio-handle.rotate{cursor:grab;border-radius:50%;top:-28px;left:calc(50% - 5px)}.studio-handle.rotate:after{content:"";background:var(--accent-stage);width:1px;height:17px;position:absolute;top:9px;left:4px}.studio-handle.crop-left,.studio-handle.crop-right,.studio-handle.crop-top,.studio-handle.crop-bottom{background:var(--warn);border-radius:50%;width:8px;height:8px}.studio-handle.crop-left{cursor:ew-resize;top:calc(50% - 4px);left:-4px}.studio-handle.crop-right{cursor:ew-resize;top:calc(50% - 4px);right:-4px}.studio-handle.crop-top{cursor:ns-resize;top:-4px;left:calc(50% - 4px)}.studio-handle.crop-bottom{cursor:ns-resize;bottom:-4px;left:calc(50% - 4px)}.studio-selection.is-locked .studio-handle{display:none}.viewer.is-actual{place-items:start;overflow:auto}.viewer.is-actual .stage,.viewer.is-actual #preview{max-width:none;max-height:none}.pip{object-fit:cover;background:#000;border-radius:6px;outline:1px solid #ffffff29;width:28%;position:absolute;box-shadow:0 4px 16px #00000080}.pip:not(.is-on){display:none}.pip.pos-top-left{top:3.5%;left:3.5%}.pip.pos-top-right{top:3.5%;right:3.5%}.pip.pos-bottom-left{bottom:3.5%;left:3.5%}.pip.pos-bottom-right{bottom:3.5%;right:3.5%}.watermark{color:#ffffffd1;text-shadow:0 1px 3px #0000008c;white-space:pre;pointer-events:none;flex-direction:column;gap:.25em;font-weight:600;line-height:1;display:flex;position:absolute;inset:0}.watermark:empty{display:none}.watermark .wm-stamp{font-variant-numeric:tabular-nums;opacity:.9;font-size:.78em}.pos-top-left,.pos-bottom-left{align-items:flex-start}.pos-top-right,.pos-bottom-right{align-items:flex-end}.pos-center{justify-content:center;align-items:center}.pos-top-left,.pos-top-right{justify-content:flex-start}.pos-bottom-left,.pos-bottom-right{justify-content:flex-end}.empty{text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.empty.is-hidden{display:none}.empty-card{background:radial-gradient(circle at 50% 0,#4fb28621,#0000 58%),#101112eb;border:1px solid #4fb28647;border-radius:18px;justify-items:center;min-width:min(380px,100%);padding:36px 44px 34px;display:grid;box-shadow:0 24px 70px #00000073,inset 0 0 0 1px #ffffff06}.empty-glyph{width:68px;height:68px;color:var(--accent-stage);filter:drop-shadow(0 0 18px #4fb28640);margin-bottom:18px}.empty p{color:var(--on-stage);letter-spacing:-.025em;margin:0;font-size:clamp(21px,2.2vw,28px);font-weight:700}.empty-hint{color:var(--on-stage-muted);align-items:center;gap:8px;margin-top:15px;font-size:15px;font-weight:550;display:flex}.empty-hint kbd{color:#9ce0c1;background:#4fb28624;border-color:#4fb28673;border-radius:6px;min-width:auto;height:28px;padding:0 10px;font-size:12px;font-weight:700;box-shadow:0 0 20px #4fb2861f}.stage:after{content:"";z-index:3;box-shadow:inset 0 0 0 2px var(--record), inset 0 0 24px #f0565b26;opacity:0;pointer-events:none;transition:opacity .25s var(--ease);position:absolute;inset:0}.viewer.is-recording .stage:after{opacity:1}.viewer.is-paused .stage:after{opacity:1;box-shadow:inset 0 0 0 2px var(--warn), inset 0 0 24px #e0a45821}.rec-badge{z-index:6;-webkit-backdrop-filter:blur(10px);color:var(--on-stage);font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);background:#0a0b0bb8;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:7px;padding:5px 10px 5px 8px;font-size:12px;display:flex;position:absolute;top:14px;left:14px;transform:translateY(-4px)}.rec-badge.is-visible{opacity:1;transform:translateY(0)}.flash{z-index:7;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}@media (width<=1180px){.wordmark,.cluster-label{display:none}}@media (width<=940px){.topbar{justify-content:flex-start;overflow-x:auto}.bitrate-cluster input[type=range]{display:none}}@media (width<=860px){.topbar{overflow-x:auto}.wordmark{display:none}.app-shell{transition:grid-template-rows .28s var(--ease);grid-template-rows:minmax(220px,44vh) minmax(0,1fr);grid-template-columns:1fr}.rail-collapsed{grid-template-rows:0 minmax(0,1fr);grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line)}.rail-collapsed .rail{border-bottom-color:#0000}}