: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:#7d8481;--accent:#4fb286;--accent-rgb:79 178 134;--accent-hover:#5cc494;--accent-soft:#4fb28624;--accent-line:#4fb2866b;--on-accent:#04150e;--on-accent-soft:#04150e1f;--on-accent-line:#04150e40;--on-accent-muted:#04150ebf;--record:#f0565b;--record-soft:#f0565b24;--on-record:#0a0b0b;--warn:#e0a458;--process-stage:#7aa7ff;--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;--accent-stage-rgb:79 178 134;--on-accent-stage:#04150e;--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:#606663;--accent:#1f7a54;--accent-rgb:31 122 84;--accent-hover:#196545;--accent-soft:#1f7a541f;--accent-line:#1f7a546b;--on-accent:#fff;--on-accent-soft:#ffffff2e;--on-accent-line:#ffffff59;--on-accent-muted:#ffffffd9;--record:#cc3239;--record-soft:#cc32391a;--on-record:#fff;--warn:#9a6410;--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}[hidden],.advanced-setting:not(.is-visible){display:none!important}.sr-only{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}body{background:var(--page);height:100dvh;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{z-index:100;background:var(--page);-webkit-user-select:none;user-select:none;border-bottom:0;flex:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"capture utility";align-items:center;gap:16px;height:68px;padding:0 14px;display:grid;position:relative}.topbar-side{align-items:center;gap:6px;min-width:0;display:flex}.topbar-side:last-child{grid-area:utility;justify-self:end}.capture-controls{grid-area:capture;justify-self:start;align-items:center;gap:8px;min-width:0;display:flex}.recording-controls{border:1px solid var(--line-strong);background:var(--rail);border-radius:12px;align-items:center;gap:4px;min-width:0;padding:5px;display:flex;box-shadow:0 3px 12px #0000002e}.record-settings{display:flex;position:relative}.record-settings>.btn[aria-expanded=true]{border-color:var(--line-strong);background:var(--control-hover);color:var(--text)}.record-settings-popover{z-index:120;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--rail);-webkit-user-select:text;user-select:text;gap:13px;width:min(340px,100vw - 24px);padding:14px;display:grid;position:fixed;top:0;left:0;box-shadow:0 14px 36px #0000006b}.record-settings-head .btn-icon{width:44px;height:44px;min-height:44px}.record-settings-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.record-settings-head h2{color:var(--text);margin:0;font-size:13px;font-weight:650}.record-settings-head .hint{margin:0}.record-settings-field{gap:6px;display:grid}.animated-settings{gap:13px;display:grid}.animated-settings[hidden]{display:none}.record-format-hint{color:var(--muted);margin:1px 2px 0;font-size:11px;line-height:1.4}.record-settings-popover .seg{overflow:visible}.record-settings-popover .bitrate-cluster{min-width:0}.bitrate-cluster{align-items:center;gap:7px;display:flex}.bitrate-cluster input[type=range]{flex:1;min-width:76px}.bitrate-cluster.is-off input[type=range],.bitrate-cluster.is-off .number-field{opacity:.3;pointer-events:none}.bitrate-cluster .number-field input[type=number]{width:38px;height:24px;font-size:12px}.animated-settings .number-field input[type=number]{width:44px}.animated-settings :disabled{opacity:.45;cursor:not-allowed}.rule-h{background:var(--line);height:1px;margin:4px 0}.timer{min-width:58px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.01em;text-align:center;margin:0 4px 0 6px;font-size:14px}.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(--record);background:var(--record-soft);width:104px;color:var(--record);transition:border-color .14s var(--ease), opacity .14s var(--ease);justify-content:center;font-weight:650}.btn-record:hover{background:var(--record);color:var(--on-record)}.btn-record.is-active{border-color:var(--record);background:var(--record);color:var(--on-record)}.btn-record:hover .rec-dot,.btn-record.is-active .rec-dot{background:currentColor}.btn-capture{border-color:var(--accent-line);background:color-mix(in srgb, var(--rail) 78%, var(--accent-soft) 22%);color:var(--text);font-weight:600;box-shadow:0 3px 12px #00000029}.btn-capture .glyph{color:var(--accent)}.btn-capture:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 72%, var(--accent) 28%)}.topbar>.topbar-side>.btn,.capture-controls>.btn,.recording-controls>.btn,.recording-controls>.record-settings>.btn{height:44px;min-height:44px;padding-inline:14px;font-size:13px}.topbar>.topbar-side>.btn-icon,.recording-controls>.btn-icon,.recording-controls>.record-settings>.btn-icon{border-color:var(--line-strong);background:var(--control);width:44px;color:var(--text);padding:0}.topbar>.topbar-side>.btn-icon{box-shadow:0 3px 12px #00000029}.topbar>.topbar-side>.btn-icon:hover,.recording-controls>.btn-icon:hover,.recording-controls>.record-settings>.btn-icon:hover{border-color:var(--accent-line);background:var(--control-hover)}#railToggle{z-index:21;border-color:var(--line);background:var(--control);width:44px;height:44px;min-height:44px;color:var(--muted);padding:0;position:absolute;top:10px;left:6px}#railToggle .glyph{width:16px;height:16px}#recordButton{width:120px}.topbar>.topbar-side>.btn>.glyph,.capture-controls>.btn>.glyph,.recording-controls>.btn>.glyph,.recording-controls>.record-settings>.btn>.glyph{width:18px;height:18px}.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.is-warning{color:var(--warn)}.rec-dot{background:var(--record);width:11px;height:11px;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,.topbar.is-paused #recordButton .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}[aria-disabled=true]{opacity:.68;cursor:not-allowed}[aria-disabled=true]:hover{color:inherit;background:0 0}.btn-record[aria-disabled=true],.btn-capture[aria-disabled=true]{opacity:.68}.btn-record[aria-disabled=true]:hover{background:var(--record-soft);color:var(--record)}.btn-capture[aria-disabled=true]:hover{background:var(--control);color:var(--text)}.segmented [aria-disabled=true]:hover{background:0 0}button:disabled{opacity:.68;color:var(--muted);cursor:not-allowed}.app-shell{min-height:0;transition:grid-template-columns .28s var(--ease);flex:1;grid-template-columns:268px minmax(0,1fr);display:grid}.rail{--muted:#adb4b0;--faint:#989f9b;border-right:1px solid var(--line);background:var(--rail);min-width:0;min-height:0;transition:border-color .22s var(--ease);flex-direction:column;display:flex;position:relative;overflow:visible}@media (prefers-color-scheme:light){.rail{--muted:#454b48;--faint:#535a56}}.rail-content{opacity:1;min-width:min(268px,100vw);min-height:0;transition:opacity .18s var(--ease);flex-direction:column;flex:1;display:flex}.rail-collapsed .rail-content{opacity:0;pointer-events:none}.rail-collapsed .rail{border-right-color:var(--line-strong)}.mini-rail{z-index:20;opacity:0;pointer-events:none;width:56px;transition:opacity .14s var(--ease);flex-direction:column;align-items:center;gap:6px;padding:0 6px 8px;display:flex;position:absolute;inset:60px auto 10px 0}.rail-collapsed .mini-rail{opacity:1;pointer-events:auto}.mini-control{display:flex;position:static}.mini-rail-button{border:1px solid var(--line);background:var(--control);width:44px;height:44px;min-height:44px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;padding:0;display:grid;position:relative}.mini-rail-button:hover,.mini-rail-button[aria-expanded=true]{border-color:var(--accent-line);background:var(--control-hover);color:var(--text)}.mini-rail-button>svg{grid-area:1/1;width:18px;height:18px}.mini-start-button{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.mini-start-button:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 75%, var(--accent) 25%);color:var(--accent)}.mini-start-button.is-active{background:var(--record-soft);color:var(--record);border-color:#f0565b73}.mini-stop-icon,.mini-start-button.is-active .mini-start-icon,#miniSourceButton[data-source=screen] .mini-camera-icon{display:none}.mini-start-button.is-active .mini-stop-icon,#miniSourceButton[data-source=screen] .mini-screen-icon{display:block}.mini-popover{z-index:80;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--rail);gap:12px;width:min(248px,100vw - 80px);max-height:420px;padding:12px;display:grid;position:absolute;left:64px;overflow:hidden auto;box-shadow:0 16px 42px #0000006b}#miniSourcePopover{max-height:min(420px,100% - 122px);top:114px}#miniAudioPopover{max-height:min(420px,100% - 172px);top:164px}#miniSavePopover{max-height:min(420px,100% - 222px);top:214px}.mini-popover-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.mini-popover-head strong{color:var(--text);font-size:12px;font-weight:650}.mini-popover-close{width:32px;height:32px;min-height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.mini-popover-close:hover{background:var(--hover);color:var(--text)}.mini-portal{gap:12px;display:grid}.mini-source-portal>.capture-source-actions{margin-top:0}.mini-source-portal>.rail-setup{border:0;padding:0}.mini-popover .primary-source{min-height:0}.mini-popover .rail-setup.is-screen #cameraSourceGroup{margin-inline:0}.capture-source-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-top:8px;display:grid}.capture-source-or{color:var(--muted);font-size:11px;font-weight:650}.capture-source-action{border-color:var(--accent-line);background:var(--accent-soft);min-width:0;height:44px;min-height:44px;color:var(--accent-hover);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:12px;font-weight:650}.capture-source-action svg{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.capture-source-action:hover:not([aria-disabled=true]){border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 75%, var(--accent) 25%);color:var(--accent-hover)}.capture-source-action.is-active{background:var(--record-soft);color:var(--record);border-color:#f0565b73}.capture-source-action.is-active:hover:not([aria-disabled=true]){border-color:var(--record);background:color-mix(in srgb, var(--record-soft) 75%, var(--record) 25%);color:var(--record)}.capture-source-action kbd{border-color:var(--accent-line);background:var(--on-accent-soft);color:inherit}.capture-source-action.is-active kbd{background:var(--record-soft);border-color:#f0565b59}.rail-setup{border-bottom:1px solid var(--line);gap:12px;padding:14px;display:grid}.primary-source{order:1;min-height:78px}.rail-setup.is-screen #cameraSourceGroup{order:4;min-height:0;margin:-2px 10px 0}#screenSourceGroup{order:1}.rail-header{border-bottom:1px solid var(--line);background:var(--rail);flex:none;padding:10px 10px 10px 58px;display:grid}.screen-picker-summary{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--control);align-items:center;gap:10px;height:48px;padding:0 11px;display:flex}.screen-picker-summary>svg{width:20px;height:20px;color:var(--accent);flex:none}.screen-picker-summary>span{gap:1px;min-width:0;display:grid}.screen-picker-summary strong,.screen-picker-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-picker-summary strong{color:var(--text);font-size:12px;font-weight:620}.screen-picker-summary small{color:var(--muted);font-size:10.5px}.local-note{color:var(--muted);order:5;justify-content:center;align-items:center;gap:6px;margin:0;font-size:10.5px;line-height:1;display:flex}.local-note svg{width:13px;height:13px;color:var(--accent)}.permission-rationale{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:11.5px;line-height:1.45}.rail-scroll{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 14px;display:flex;overflow:hidden auto}@supports not (scrollbar-gutter:stable){.rail-scroll{overflow-y:scroll}}.save-folder-button{justify-content:flex-start;min-height:44px;overflow:hidden}.save-folder-button span{text-overflow:ellipsis;overflow:hidden}.rail-footer{border-top:1px solid var(--line);flex:none;padding:12px 14px 14px}.rail-footer .status{margin-top:0}.status-surface{align-items:flex-start;gap:8px;min-width:0;display:flex}.status-action{flex:none;align-self:flex-start;height:auto;min-height:44px}.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}.screen-camera-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--sunken);order:3;gap:5px;padding:10px 11px;display:grid}.screen-camera-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.screen-camera-head>span{align-items:baseline;gap:6px;min-width:0;display:flex}.screen-camera-head strong{color:var(--text);font-size:11.5px;font-weight:620}.screen-camera-head small{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px}.switch-control{border:1px solid var(--line-strong);background:var(--control);cursor:pointer;width:40px;height:24px;transition:border-color .14s var(--ease), background .14s var(--ease);border-radius:999px;flex:none;align-items:center;padding:2px;display:flex}.switch-control>span{background:var(--muted);width:18px;height:18px;transition:transform .18s var(--ease), background .14s var(--ease);border-radius:50%}.switch-control.is-active{border-color:var(--accent-line);background:var(--accent-soft)}.switch-control.is-active>span{background:var(--accent);transform:translate(16px)}.settings-section-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:650}.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)}.custom-select-native{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.custom-select-control{min-width:0;max-width:100%;position:relative}.select-wrap .custom-select-control{width:100%}.custom-select-trigger{border:1px solid var(--line);border-radius:var(--radius);background:var(--control);width:100%;min-width:0;height:32px;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s var(--ease), background .14s var(--ease);grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:8px;padding:0 9px 0 10px;font-size:12.5px;display:grid}.custom-select-trigger:hover,.custom-select-trigger[aria-expanded=true]{border-color:var(--line-strong);background:var(--control-hover)}.custom-select-trigger:disabled{border-color:var(--line);background:var(--sunken);color:var(--muted);opacity:.68;cursor:not-allowed}.custom-select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-select-chevron{width:7px;height:7px;color:var(--faint);transition:transform .14s var(--ease);border-bottom:1.5px solid;border-right:1.5px solid;justify-self:center;transform:translateY(-2px)rotate(45deg)}.custom-select-trigger[aria-expanded=true] .custom-select-chevron{transform:translateY(2px)rotate(225deg)}.has-custom-select>.chevron{display:none}.custom-select-menu{z-index:200;overscroll-behavior:contain;border:1px solid var(--line-strong);background:var(--rail);border-radius:9px;gap:2px;padding:4px;display:grid;position:fixed;overflow:auto;box-shadow:0 14px 36px #0000006b}.custom-select-option{width:100%;min-width:0;min-height:30px;color:var(--muted);font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.3}.custom-select-option:hover,.custom-select-option.is-active{background:var(--hover);color:var(--text)}.custom-select-option[aria-selected=true]{background:var(--accent-soft);color:var(--accent-hover);font-weight:600}.custom-select-option:disabled{color:var(--faint);opacity:.45;cursor:not-allowed;background:0 0}.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 rgb(var(--accent-rgb) / .22)}.chip{border:1px solid var(--line);min-height:28px;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}.recovery-panel{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--sunken);padding:10px}.recovery-list{gap:8px;display:grid}.recovery-item{border-top:1px solid var(--line);gap:7px;padding-top:8px;display:grid}.recovery-copy{gap:2px;min-width:0;display:grid}.recovery-copy strong,.recovery-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recovery-copy strong{color:var(--text);font-size:11px}.recovery-copy span{color:var(--muted);font-size:10px}.recovery-actions{gap:6px;display:flex}.recovery-actions .btn{flex:1;min-height:44px}.is-danger{color:var(--record)}.chip:hover{border-color:var(--line-strong);color:var(--text)}.chip.is-active{border-color:rgb(var(--accent-rgb) / .3);background:var(--accent-soft);color:var(--accent)}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%}#advancedToggle{flex:0 0 30px;min-height:30px}.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;opacity:0;transition:opacity .2s var(--ease);display:flex;position:absolute;inset:0}.meter.is-live .meter-scale{opacity:1}.meter-scale i{border-right:1px solid var(--line);flex:1}.meter-scale i:last-child{border-right:0}.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{min-width:0;min-height:1.45em;color:var(--faint);overflow-wrap:anywhere;flex:1;margin:0;font-size:11.5px;line-height:1.45}.status.is-error{color:var(--record)}.viewer{background:var(--stage);min-height:0;box-shadow:inset 0 0 0 1px var(--line), 0 12px 34px #0000003d;border:0;border-radius:16px;place-items:center;margin:0 12px 12px 4px;display:grid;position:relative;overflow:hidden}.preflight-summary{z-index:6;max-width:min(70%,720px);color:var(--on-stage-muted);text-align:left;overflow-wrap:anywhere;pointer-events:none;transition:opacity .18s var(--ease), transform .18s var(--ease);-webkit-backdrop-filter:blur(10px);background:#0a0b0bb8;border:1px solid #ffffff1a;border-radius:999px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px 0;padding:7px 10px;font-size:11.5px;font-weight:550;line-height:1.4;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 8px 24px #0000003d}.preflight-summary:empty{display:none}.preflight-summary [data-preflight=format]{color:var(--on-stage);font-weight:700}.preflight-summary [data-preflight]+[data-preflight]:before{content:"·";color:#ece9e37a;margin-inline:7px}.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) 92px;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}.capture-loading{z-index:5;pointer-events:auto;background:#060707e0;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.capture-loading[hidden]{display:none}.capture-loading-card{border:1px solid rgb(var(--accent-stage-rgb) / .32);max-width:100%;color:var(--on-stage);white-space:nowrap;background:#101112f0;border-radius:999px;align-items:center;gap:12px;padding:13px 17px;font-size:13px;font-weight:650;display:flex;box-shadow:0 16px 42px #0000005c}.capture-spinner{border:3px solid rgb(var(--accent-stage-rgb) / .24);border-top-color:var(--accent-stage);border-radius:50%;flex:none;width:28px;height:28px;animation:.75s linear infinite capture-spin}@keyframes capture-spin{to{transform:rotate(1turn)}}.empty{text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.empty.is-hidden{display:none}.empty-card{border:1px solid rgb(var(--accent-stage-rgb) / .28);background:radial-gradient(circle at 50% 0%, rgb(var(--accent-stage-rgb) / .13), transparent 58%), #101112eb;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 p{color:var(--on-stage);letter-spacing:-.025em;margin:0;font-size:clamp(21px,2.2vw,28px);font-weight:700}.empty-privacy{color:var(--on-stage-muted);margin-top:10px;font-size:12.5px;font-weight:500;line-height:1.4}.empty-start-button{border-color:rgb(var(--accent-stage-rgb) / .65);background:var(--accent-stage);min-width:164px;height:48px;min-height:48px;color:var(--on-accent-stage);justify-content:center;margin-top:18px;font-size:13.5px;font-weight:700}.empty-start-button:hover{border-color:var(--accent-stage);background:color-mix(in srgb, var(--accent-stage) 88%, white 12%);color:var(--on-accent-stage)}.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), box-shadow .25s var(--ease);position:absolute;inset:0}.viewer.is-recording .stage:after,.viewer[data-recording-state=recording] .stage:after{opacity:1}.viewer.is-paused .stage:after,.viewer[data-recording-state=paused] .stage:after{opacity:1;box-shadow:inset 0 0 0 2px var(--warn), inset 0 0 24px #e0a45821}.viewer[data-recording-state=starting] .stage:after,.viewer[data-recording-state=finalizing] .stage:after{opacity:1;box-shadow:inset 0 0 0 2px var(--process-stage), inset 0 0 28px #7aa7ff29}.viewer[data-recording-state=verifying] .stage:after{opacity:1;box-shadow:inset 0 0 0 2px var(--accent-stage), inset 0 0 0 6px rgb(var(--accent-stage-rgb) / .16), inset 0 0 30px rgb(var(--accent-stage-rgb) / .2)}.viewer[data-recording-state=saved] .stage:after{opacity:1;box-shadow:inset 0 0 0 3px var(--accent-stage), inset 0 0 34px rgb(var(--accent-stage-rgb) / .22)}.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)}.rec-badge strong{color:inherit;letter-spacing:.1em;font-size:10px}.viewer[data-recording-state=starting] .rec-badge,.viewer[data-recording-state=recording] .rec-badge,.viewer[data-recording-state=paused] .rec-badge,.viewer[data-recording-state=finalizing] .rec-badge,.viewer[data-recording-state=verifying] .rec-badge,.viewer[data-recording-state=saved] .rec-badge{opacity:1;transform:translateY(0)}.viewer[data-recording-state=recording] .rec-badge{color:var(--record)}.viewer[data-recording-state=paused] .rec-badge,.viewer[data-recording-state=recoverable] .rec-badge{color:var(--warn)}.viewer[data-recording-state=paused] .rec-badge .rec-dot,.viewer[data-recording-state=recoverable] .rec-badge .rec-dot{background:var(--warn);animation:none}.viewer[data-recording-state=starting] .rec-badge,.viewer[data-recording-state=finalizing] .rec-badge{color:var(--process-stage)}.viewer[data-recording-state=starting] .rec-badge .rec-dot,.viewer[data-recording-state=finalizing] .rec-badge .rec-dot{background:var(--process-stage)}.viewer[data-recording-state=verifying] .rec-badge,.viewer[data-recording-state=saved] .rec-badge{color:var(--accent-stage)}.viewer[data-recording-state=verifying] .rec-badge .rec-dot,.viewer[data-recording-state=saved] .rec-badge .rec-dot{background:var(--accent-stage)}.viewer[data-recording-state=saved] .rec-badge .rec-dot{animation:none}.flash{z-index:7;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}@media (width<=1020px){.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"capture utility"}}@media (width<=860px){.app-shell{transition:grid-template-rows .28s var(--ease);grid-template-rows:minmax(220px,44dvh) minmax(0,1fr);grid-template-columns:1fr}.rail-collapsed{grid-template-rows:56px minmax(0,1fr);grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line)}.viewer{box-shadow:none;border:0;border-radius:0;margin:0}.rail-collapsed .rail{border-bottom-color:var(--line-strong)}.rail-collapsed #railToggle{inset:6px auto auto 6px}.mini-rail{flex-direction:row;align-items:center;gap:4px;width:auto;height:56px;padding:6px;inset:0 0 auto 56px}.mini-popover{width:auto;max-height:min(360px,100dvh - 140px);left:8px;right:8px;top:64px!important}#miniSourcePopover,#miniAudioPopover,#miniSavePopover{max-height:min(360px,100dvh - 140px)}}@media (height<=360px) and (width>=861px){.rail-collapsed{grid-template-rows:56px minmax(0,1fr);grid-template-columns:1fr}.rail-collapsed .rail{border-right:0;border-bottom:1px solid var(--line-strong)}.rail-collapsed #railToggle{inset:6px auto auto 6px}.mini-rail{flex-direction:row;align-items:center;gap:4px;width:auto;height:56px;padding:6px;inset:0 0 auto 56px}.mini-popover{width:min(248px,100vw - 16px);left:8px;right:auto;top:64px!important}#miniSourcePopover,#miniAudioPopover,#miniSavePopover{max-height:min(360px,100dvh - 140px)}}@media (width<=520px){.topbar{gap:6px;height:60px;padding:0 6px}.topbar-side{gap:2px}.capture-controls{gap:4px}.recording-controls{gap:2px;padding:3px}.topbar>.topbar-side>.btn,.capture-controls>.btn,.recording-controls>.btn,.recording-controls>.record-settings>.btn{height:44px;min-height:44px;padding-inline:10px}.topbar>.topbar-side>.btn-icon,.recording-controls>.btn-icon,.recording-controls>.record-settings>.btn-icon{width:44px;padding:0}#railToggle{width:44px;height:44px;min-height:44px}.topbar>.topbar-side>.btn>.glyph,.capture-controls>.btn>.glyph,.recording-controls>.btn>.glyph,.recording-controls>.record-settings>.btn>.glyph{width:17px;height:17px}.timer{min-width:42px;margin:0;font-size:11.5px}.record-settings-popover{overscroll-behavior:contain;width:auto;max-height:calc(100dvh - 80px);position:fixed;top:68px;left:12px;right:12px;overflow:auto}.record-settings-popover .seg,.record-settings-popover input[type=range],.record-settings-popover .number-field input[type=number]{height:44px;min-height:44px}#recordButton,#captureButton{justify-content:center;width:44px;padding:0}#recordLabel,#captureLabel{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.empty{padding:12px}.empty-card{width:min(100%,380px);min-width:0;padding:26px 22px 24px}.empty-glyph{width:52px;height:52px;margin-bottom:12px}}@media (width<=420px){#miniSourcePopover,#miniAudioPopover,#miniSavePopover{max-height:min(360px,max(72px,100dvh - 186px))}body{height:auto;min-height:100dvh;overflow:auto}.topbar{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"capture utility";align-content:center;height:60px;min-height:60px;padding:6px;position:sticky;top:0}.capture-controls{grid-area:capture;justify-self:start;max-width:100%}.topbar>.topbar-side:last-child{grid-area:utility;justify-self:end;margin-left:0}.app-shell{flex:none;grid-template-rows:minmax(260px,44dvh) minmax(260px,1fr);min-height:calc(100dvh - 60px)}.rail-collapsed{grid-template-rows:56px minmax(260px,1fr)}.preflight-summary{text-align:center;border-radius:10px;justify-content:center;max-width:none;top:10px;left:10px;right:10px}.empty-card{padding:22px 18px 20px}.empty-start-button{width:100%}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4f5f7;--rail:#fbfcfd;--control:#fff;--control-hover:#f4f6f8;--line:#19202c1a;--line-strong:#19202c2b;--hover:#19202c0d;--sunken:#19202c06;--text:#161b24;--muted:#606978;--faint:#6f7886;--accent:#2eaa61;--accent-rgb:46 170 97;--accent-hover:#248d50;--accent-soft:#2eaa611a;--accent-line:#2eaa616b;--on-accent:#fff;--on-accent-soft:#ffffff2e;--on-accent-line:#ffffff59;--on-accent-muted:#ffffffe0;--record:#ef3340;--record-soft:#ef33401a;--on-record:#fff;--warn:#a96808;--track:#19202c21;--meter-bg:#19202c12;--meter-peak:#19202cb8;--card-shadow:0 1px 2px #131c2b09;--preview-surface:#eef1f4}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0b0d10;--rail:#111419;--control:#191d23;--control-hover:#222831;--line:#ffffff13;--line-strong:#ffffff24;--hover:#ffffff0e;--sunken:#ffffff06;--text:#f2f4f7;--muted:#a4acb8;--faint:#88919e;--accent:#47c477;--accent-rgb:71 196 119;--accent-hover:#59d589;--accent-soft:#47c4771f;--accent-line:#47c47761;--on-accent:#07130b;--on-accent-soft:#07130b21;--on-accent-line:#07130b40;--on-accent-muted:#07130bc7;--record:#ff4652;--record-soft:#ff465224;--on-record:#fff;--warn:#e4aa54;--track:#ffffff1c;--meter-bg:#0c0f13;--meter-peak:#ffffffd1;--card-shadow:0 1px 1px #00000038;--preview-surface:#0f1318}body{background:var(--page)}.topbar{border-bottom:1px solid var(--line);background:var(--rail);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"capture summary utility";gap:12px;height:64px;padding:0 18px 0 20px}.topbar-side:last-child{gap:8px}.topbar>.topbar-side>.btn-icon{border-color:var(--line);background:var(--control);width:44px;height:44px;min-height:44px;box-shadow:none;color:var(--muted);border-radius:10px;padding:0}.topbar>.topbar-side>.btn-icon:hover{border-color:var(--line-strong);background:var(--control-hover);color:var(--text)}.glyph-theme-dark,:root[data-theme=dark] .glyph-theme-light{display:none}:root[data-theme=dark] .glyph-theme-dark{display:block}.app-shell{transition:grid-template-columns .28s var(--ease);background:0 0;grid-template-columns:304px minmax(0,1fr)}.rail-collapsed{grid-template-columns:62px minmax(0,1fr)}.rail{border-right:1px solid var(--line);background:var(--rail)}:root[data-theme=light] .rail{--muted:#3f4855;--faint:#4a5360}:root[data-theme=dark] .rail{--muted:#c2c8d1;--faint:#acb4c0}.rail-content{min-width:min(304px,100vw)}#railToggle{background:var(--control);border-radius:9px;width:44px;height:44px;min-height:44px;top:8px;left:auto;right:10px}.setup-card{border:1px solid var(--line);background:var(--control);min-width:0;box-shadow:var(--card-shadow);border-radius:12px;flex:none;padding:10px}.setup-card-source{gap:0;margin:10px 10px 0;padding-top:10px;display:grid}.setup-card-title{min-height:22px;color:var(--text);letter-spacing:-.01em;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.setup-card-source>.setup-card-title{padding-right:42px}.setup-step{background:var(--accent);width:21px;height:21px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:750;display:grid}.settings-title-icon{width:18px;height:18px;color:var(--muted)}.rail-header{background:0 0;border:0;padding:9px 0 0}.capture-source-actions{gap:6px}.capture-source-action{padding-inline:7px;font-size:11.5px}.rail-setup{border:0;gap:9px;padding:10px 0 0}.primary-source{min-height:68px}.rail-scroll{gap:8px;padding:8px 10px 10px}.rail-scroll>.setup-card{gap:8px;display:grid}.rail-scroll .group-label{color:var(--muted);letter-spacing:.05em;font-size:11px}.select-wrap select,.custom-select-trigger,.text-field{border-color:var(--line-strong);background:color-mix(in srgb, var(--control) 86%, var(--page) 14%);border-radius:8px;height:34px}.local-note{background:var(--accent-soft);min-height:30px;color:var(--accent-hover);border-radius:7px;padding:0 8px;font-weight:600}.save-mode-detail{min-height:40px}.settings-card{gap:8px!important}#advancedToggle{background:var(--sunken);border-radius:8px;justify-content:space-between;height:34px;min-height:34px;padding:0 11px}#advancedToggle:after{content:"+";color:var(--muted);font-size:17px;font-weight:400;line-height:1}#advancedToggle[aria-expanded=true]:after{content:"−"}.rail-footer{border-top-color:var(--line);padding:8px 10px 10px}.status-surface{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:9px;align-items:center;min-height:32px;padding:7px 8px}.status{color:var(--accent-hover);font-weight:550}.viewer{background:var(--preview-surface);box-shadow:none;border:0;border-radius:10px;margin:10px}.empty{background:var(--preview-surface)}.empty-card{min-width:min(320px,100%);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:22px}.empty-glyph{width:50px;height:50px;color:var(--accent);filter:none;margin-bottom:12px}.empty p{color:var(--text);font-size:clamp(19px,1.8vw,24px)}.empty-privacy{color:var(--muted)}.empty-start-button{background:var(--accent);height:48px;min-height:48px;color:var(--on-accent);border:0;border-radius:9px}.empty-start-button:hover{background:var(--accent-hover);color:var(--on-accent);border-color:#0000}.capture-controls{z-index:auto;grid-area:capture;justify-self:start;gap:8px;transition:none;position:static}.recording-controls{box-shadow:none;background:0 0;border:0;border-radius:0;gap:6px;padding:0}.topbar .capture-controls .btn,.topbar .recording-controls>.btn,.topbar .recording-controls>.record-settings>.btn{border-radius:10px;height:44px;min-height:44px;font-size:13px}.topbar .recording-controls>.btn-icon,.topbar .recording-controls>.record-settings>.btn-icon{border-color:var(--line-strong);background:var(--control);width:46px;color:var(--muted);padding:0}.topbar .recording-controls>.record-settings>#recordSettingsButton{justify-content:center;gap:7px;width:84px;padding:0 11px}.record-settings-label{color:currentColor;letter-spacing:.01em;font-size:11.5px;font-weight:700}.topbar .recording-controls>.btn-icon:hover,.topbar .recording-controls>.record-settings>.btn-icon:hover{border-color:var(--line-strong);background:var(--control-hover);color:var(--text)}#recordButton{border-color:var(--record);background:var(--record);width:150px;color:var(--on-record);box-shadow:0 7px 18px color-mix(in srgb, var(--record) 28%, transparent);font-weight:700}#recordButton:hover{border-color:color-mix(in srgb, var(--record) 88%, black 12%);background:color-mix(in srgb, var(--record) 88%, black 12%);color:var(--on-record)}#recordButton:enabled:not([aria-disabled=true]) .rec-dot{background:currentColor}#recordButton[aria-disabled=true],#recordButton:disabled{border-color:var(--line-strong);background:var(--control-hover);box-shadow:none;color:var(--muted)}#captureButton{border-color:var(--line-strong);background:var(--control);height:44px;box-shadow:none;color:var(--text);padding-inline:14px}#captureButton:hover{border-color:var(--line-strong);background:var(--control-hover)}.timer{min-width:52px;color:var(--muted);margin:0 3px;font-size:13px}.record-settings-popover{overscroll-behavior:contain;background:var(--rail);border-radius:12px;width:min(340px,100vw - 16px);max-height:min(560px,100dvh - 16px);position:fixed;top:0;bottom:auto;left:0;overflow:auto}.preflight-summary{z-index:auto;min-width:0;max-width:100%;height:36px;box-shadow:none;color:var(--muted);pointer-events:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-wrap:nowrap;grid-area:summary;justify-self:end;gap:7px;padding:0;display:flex;position:static;overflow:hidden}.preflight-summary [data-preflight]{border:1px solid var(--line);background:var(--control);min-width:0;height:36px;color:var(--muted);white-space:nowrap;border-radius:9px;flex:none;align-items:center;padding:0 10px;font-weight:600;display:inline-flex}.preflight-summary [data-preflight=format]{width:136px}.preflight-summary [data-preflight=source]{width:210px}.preflight-summary [data-preflight=audio],.preflight-summary [data-preflight=destination]{width:150px}.preflight-summary [data-preflight=limits]{width:120px}.preflight-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preflight-summary [data-preflight=format]{color:var(--text)}.preflight-summary button[data-preflight]{border-color:var(--line-strong);cursor:pointer;font:inherit;pointer-events:auto;gap:7px}.preflight-summary button[data-preflight]:after{content:"";opacity:.65;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.preflight-summary button[data-preflight]:hover,.preflight-summary button[data-preflight]:focus-visible{background:var(--control-hover);color:var(--text)}.preflight-summary button[data-preflight]:disabled{cursor:default}.preflight-summary [data-preflight]+[data-preflight]:before{content:none}.preflight-popover{z-index:220;overscroll-behavior:contain;border:1px solid var(--line-strong);background:var(--rail);color:var(--text);border-radius:12px;gap:10px;padding:10px;display:grid;position:fixed;overflow:auto;box-shadow:0 14px 36px #0000006b}.preflight-popover-head{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.preflight-popover-head strong{font-size:12px;font-weight:700}.preflight-popover-close{width:32px;height:32px;min-height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.preflight-popover-close:hover{background:var(--hover);color:var(--text)}.preflight-popover-content{gap:4px;display:grid}.preflight-popover-option{min-height:38px;color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 10px;font-size:12px}.preflight-popover-option:hover,.preflight-popover-option:focus-visible{background:var(--hover);color:var(--text)}.preflight-popover-option.is-selected{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-hover);font-weight:650}.preflight-popover-option:disabled{opacity:.45;cursor:not-allowed}.preflight-limit-field{color:var(--muted);gap:5px;padding:4px 0;font-size:11.5px;font-weight:600;display:grid}.preflight-limit-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.preflight-limit-row input{width:100%;height:36px;min-height:36px}.preflight-limit-row>span{min-width:48px;color:var(--faint);font-size:11px}@media (width<=1500px){.preflight-summary [data-preflight]:nth-child(n+4){display:none}}@media (width<=1240px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.preflight-summary{max-width:100%}.preflight-summary [data-preflight]:nth-child(n+2){display:none}}@media (width<=1020px){.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"capture utility"}.preflight-summary{display:none}}@media (width<=860px){.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"capture utility";height:60px;padding:0 10px}.app-shell{grid-template-rows:minmax(250px,42dvh) minmax(0,1fr);grid-template-columns:1fr}.rail-collapsed{grid-template-rows:minmax(250px,1fr) 62px;grid-template-columns:1fr}.viewer{grid-row:1}.rail{grid-row:2}.viewer{border-radius:13px;margin:8px}.rail-collapsed #railToggle{top:6px;left:6px;right:auto}}@media (width<=620px){.record-settings-popover{overscroll-behavior:contain;width:auto;max-height:none;position:fixed;inset:68px 12px 12px;overflow:auto}.topbar .capture-controls .btn,.topbar .recording-controls>.btn,.topbar .recording-controls>.record-settings>.btn{height:48px;min-height:48px}#recordButton{width:132px}#captureButton{justify-content:center;width:48px;padding:0}#captureLabel{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.timer{display:none}}@media (width<=520px){#recordButton{justify-content:center;width:44px;padding:0}#recordLabel{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (height<=360px) and (width>=861px){.rail-collapsed #railToggle{top:6px;left:6px;right:auto}}@media (width<=420px){.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"capture utility"}.app-shell{grid-template-rows:minmax(300px,48dvh) minmax(270px,1fr);min-height:calc(100dvh - 60px)}.rail-collapsed{grid-template-rows:minmax(270px,1fr) 62px}.viewer{margin-bottom:8px}.capture-controls{gap:6px}.recording-controls{gap:5px}#recordButton,.topbar .recording-controls>.btn-icon,.topbar .recording-controls>.record-settings>.btn-icon,#captureButton{width:44px}.topbar .recording-controls>.record-settings>#recordSettingsButton{width:44px;padding:0}.record-settings-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.empty-card{padding:22px 18px 20px}}