@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_34efcd6d-module__auxHqq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_34efcd6d-module__auxHqq__variable{--font-sans-family:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_1fcd1f2-module__we0UEq__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_1fcd1f2-module__we0UEq__variable{--font-mono-family:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0b0d12;--bg-sunken:#07090d;--surface:#12151c;--surface-raised:#171b24;--surface-hover:#1c212c;--border:#242a36;--border-strong:#38404f;--text:#f0f2f5;--text-muted:#a6adba;--text-dim:#79828f;--accent:#4c60e8;--accent-hover:#6070fa;--accent-contrast:#fff;--accent-soft:#5c70fa24;--link:#8fa0ff;--success:#3dd68c;--success-soft:#3dd68c1f;--danger:#e5484d;--danger-hover:#f2555a;--danger-contrast:#fff;--danger-text:#ff8a8e;--warn:#e0a048;--rec:#ff5c5c;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 24px #00000059;--shadow-lg:0 24px 64px #0000008c;--backdrop:#04060abd;--heading-gradient:linear-gradient(180deg, #f5f7fa 30%, #aab3c2 100%);--grid-dot:#f0f2f512;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:999px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--font-sans:var(--font-sans-family), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:var(--font-mono-family), ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--speed:.12s;--content-width:62rem;--page-gutter:var(--space-6);--sidebar-width:16rem;--topbar-height:3.5rem;--sidebar-breakpoint:60rem;--layer-sticky:10;--layer-overlay:20;--layer-modal:30;--layer-loader:40;--layer-toast:50}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#fafbfc;--bg-sunken:#eff1f5;--surface:#fff;--surface-raised:#fff;--surface-hover:#eef0f5;--border:#e2e5eb;--border-strong:#c7cdd8;--text:#101318;--text-muted:#495264;--text-dim:#626b7c;--accent:#4353c6;--accent-hover:#3745ad;--accent-contrast:#fff;--accent-soft:#4353c61a;--link:#3d4fd0;--success:#0e7a4b;--success-soft:#0e7a4b1a;--danger:#c22f36;--danger-hover:#ab262d;--danger-contrast:#fff;--danger-text:#b02a31;--warn:#8a5a10;--rec:#e5484d;--shadow-sm:0 1px 2px #1013180f;--shadow-md:0 6px 24px #10131814;--shadow-lg:0 24px 64px #1013182e;--backdrop:#10131866;--heading-gradient:linear-gradient(180deg, #14171e 30%, #3e4756 100%);--grid-dot:#10131817}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;accent-color:var(--accent);-webkit-tap-highlight-color:transparent;margin:0;line-height:1.6}::selection{background:var(--accent-soft)}main{max-width:var(--content-width);padding:var(--space-8) var(--space-5) var(--space-7);margin:auto}h1,h2,h3{color:var(--text);letter-spacing:-.02em;text-wrap:balance}h1{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:650;line-height:1.15}h2{margin:0 0 var(--space-3);font-size:var(--text-xl);font-weight:625}h3{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:600}p{margin:0 0 var(--space-4);color:var(--text-muted);text-wrap:pretty}p:last-child{margin-bottom:0}a{color:var(--link);-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}ol,ul{margin:0 0 var(--space-4);color:var(--text-muted);padding-left:1.25rem}li{margin-bottom:var(--space-2)}li:last-child{margin-bottom:0}code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.875em}:not(pre)>code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--text-muted);padding:.1em .4em}pre{margin:0 0 var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-sunken);font-size:var(--text-sm);line-height:1.55;overflow-x:auto}:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{z-index:var(--layer-overlay);top:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font-weight:600;text-decoration:none;position:fixed;left:50%;translate:-50% -200%}.skip-link:focus-visible{translate:-50%}.eyebrow{margin-bottom:var(--space-2);color:var(--link);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;font-weight:600;display:block}@keyframes rec-pulse{50%{opacity:.4}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button,button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font:inherit;font-size:var(--text-sm);cursor:pointer;touch-action:manipulation;min-height:2.25rem;transition:background var(--speed) ease, border-color var(--speed) ease, color var(--speed) ease, box-shadow var(--speed) ease, opacity var(--speed) ease;border:1px solid #0000;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.button:hover,button:hover{background:var(--accent-hover)}.button:active,button:active{translate:0 1px}button:disabled{cursor:not-allowed;opacity:.55}button:disabled:hover{background:var(--accent)}button:disabled:active{translate:none}.secondary{border-color:var(--border-strong);color:var(--text);background:0 0}.secondary:hover{background:var(--surface-hover)}.secondary:disabled:hover{background:0 0}.ghost{color:var(--text-muted);background:0 0;border-color:#0000;font-weight:500}.ghost:hover{background:var(--surface-hover);color:var(--text)}.danger{background:var(--danger);color:var(--danger-contrast)}.danger:hover{background:var(--danger-hover)}.danger:disabled:hover{background:var(--danger)}label{margin-bottom:var(--space-1);color:var(--text);font-size:var(--text-sm);font-weight:500;display:block}input,textarea,select{width:100%;margin:var(--space-1) 0 var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-sunken);color:var(--text);font:inherit;font-size:var(--text-sm);transition:border-color var(--speed) ease, background var(--speed) ease, box-shadow var(--speed) ease}input:hover,textarea:hover,select:hover{border-color:var(--text-dim)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder,textarea::placeholder{color:var(--text-dim)}textarea{resize:vertical;min-height:6rem;line-height:1.55}select{cursor:pointer}.checkbox-label{align-items:center;gap:var(--space-2);width:fit-content;margin-bottom:var(--space-4);color:var(--text-muted);cursor:pointer;font-weight:400;display:flex}.checkbox-label input{cursor:pointer;width:auto;margin:0}.save-status{min-height:1.25em;color:var(--text-muted);font-size:var(--text-sm);margin:0}.save-status.error{color:var(--danger-text);font-weight:500}.hint{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--text-xs)}input+.hint,select+.hint,textarea+.hint{margin-top:calc(var(--space-1) - var(--space-4))}.panel{margin:var(--space-5) 0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.panel>:last-child{margin-bottom:0}.row{gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.subnav{align-items:center;gap:var(--space-4);margin:0 0 var(--space-5);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.list-row{align-items:center;gap:var(--space-2) var(--space-3);min-height:2.75rem;padding:var(--space-2) 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr) auto;display:grid}.list-row:last-child{padding-bottom:0}.list-row .row{gap:var(--space-2)}.list-row select{width:auto;margin:0}.page-header{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.page-header h1{margin:0}.empty-state{justify-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;display:grid}.empty-state h2{margin:0}.empty-state p{max-width:34rem}video{aspect-ratio:16/9;object-fit:contain;width:100%;max-width:900px;margin:var(--space-2) 0 var(--space-4);border-radius:var(--radius-md);background:var(--bg-sunken)}.narrow{max-width:38rem}.signin{max-width:26rem}.signin-panel{text-align:center;padding:var(--space-6) var(--space-5)}.signin-lede{margin-bottom:0}.signin-providers{gap:var(--space-3);margin:var(--space-5) 0 var(--space-4);display:grid}.signin-provider{width:100%;min-height:2.75rem;font-size:var(--text-base)}.signin-github{color:#fff;border-color:var(--border-strong);background:#24292f}.signin-github:hover{background:#333a42}.signin-github:disabled:hover{background:#24292f}.signin-github>.pending-bar{background:#ffffff38}.signin-google{color:#1f1f1f;border-color:var(--border-strong);background:#fff}.signin-google:hover{background:#f2f2f2}.signin-google:disabled:hover{background:#fff}.signin-google>.pending-bar{background:#4285f440}.signin-legal{color:var(--text-dim);font-size:var(--text-xs)}.signin-legal a{color:var(--text-muted)}.back-link{margin-bottom:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;display:inline-block}.back-link:before{content:"←";margin-right:var(--space-2)}.back-link:hover{color:var(--text)}.inline-form{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.inline-form input,.inline-form select{flex:12rem;margin:0}.landing{z-index:0;gap:var(--space-8);grid-template-columns:minmax(0,1fr);max-width:none;display:grid;position:relative}.landing>*{min-width:0;margin:0}.landing:before{content:"";z-index:-1;background-image:radial-gradient(circle, var(--grid-dot) 1px, transparent 1px);background-size:26px 26px;height:38rem;position:absolute;inset:0 0 auto;-webkit-mask-image:radial-gradient(60% 55% at 50% 32%,#000,#0000 72%);mask-image:radial-gradient(60% 55% at 50% 32%,#000,#0000 72%)}.landing-hero{min-height:calc(100svh - var(--topbar-height) - 2 * var(--space-8));align-content:center;justify-items:center;gap:var(--space-4);text-align:center;display:grid}.landing-hero h1{background:var(--heading-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.5rem,6.5vw,5.25rem);line-height:1.05}.landing-lede{font-size:clamp(var(--text-base), 2.2vw, var(--text-xl))}.landing-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.landing .button{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.landing h2{font-size:clamp(var(--text-xl), 3vw, var(--text-2xl))}.landing-points{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.landing-points .panel{margin:0}.landing-steps{counter-reset:step;gap:var(--space-4);margin:0 0 var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));padding:0;list-style:none;display:grid}.landing-steps li{counter-increment:step;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);margin:0}.landing-steps li:before{content:counter(step, decimal-leading-zero);margin-bottom:var(--space-2);color:var(--link);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.14em;font-weight:600;display:block}.landing-demo{justify-items:center;gap:var(--space-2);text-align:center;display:grid}.landing-demo video{aspect-ratio:16/10;width:100%;max-width:900px;height:auto;margin:var(--space-3) 0 0}.landing-pricing{gap:var(--space-2);display:grid}.landing-cta{justify-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);text-align:center;display:grid}.landing-cta .button{margin-top:var(--space-3)}.landing ol{text-align:left}.onboarding{max-width:38rem}.recordings{margin:var(--space-6) 0 0}.recordings>h2{margin-bottom:var(--space-4);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.setting-fact{margin:var(--space-3) 0 var(--space-1);color:var(--text);font-size:var(--text-sm)}.video-search{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.video-search-input{flex:100%;min-width:0;margin:0}.video-search .pending-host{flex:none}.video-search-clear{background:var(--surface-raised);color:var(--text-dim);border-color:var(--border);flex:none}.video-search-clear:hover{background:var(--surface-hover);color:var(--text)}.search-error{margin:0 0 var(--space-4);color:var(--text-dim);font-size:var(--text-sm)}@media (min-width:30rem){.video-search-input{flex:12rem}}.gallery-controls{gap:var(--space-3) var(--space-5);margin-bottom:var(--space-5);padding:var(--space-3) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;display:flex}.control-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.control-label{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.control-options{border-radius:var(--radius-md);background:var(--bg-sunken);flex-wrap:wrap;gap:2px;padding:2px;display:flex}.control-option{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);background:0 0;border-color:#0000;font-weight:500}.control-option:hover{background:var(--surface-hover);color:var(--text)}.control-option.active{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}.control-option.active:hover{background:var(--surface-raised)}.video-groups{display:grid}.video-groups-1{gap:var(--space-7)}.video-groups-2{gap:var(--space-5)}.video-groups-3{gap:var(--space-4)}.video-group{gap:var(--space-4);display:grid}.group-heading{padding-bottom:var(--space-2);border-bottom:1px solid var(--border);color:var(--text);margin:0}.group-heading-1{font-size:var(--text-xl)}.group-heading-2{font-size:var(--text-base);color:var(--text-muted)}.group-heading-3{font-size:var(--text-sm);color:var(--text-dim);border-bottom-style:dashed}.group-heading-row{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);display:flex}.group-heading-row .group-heading{border-bottom:0;flex:auto;padding-bottom:0}.group-heading-row-3{border-bottom-style:dashed}.bulk-bar{z-index:var(--layer-sticky);align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);flex-wrap:wrap;display:flex;position:sticky;top:0}.bulk-bar button{min-height:2.75rem}.bulk-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim)}.bulk-note{color:var(--text-dim);font-size:var(--text-xs);flex:1 0 100%;margin:0}.select-label{cursor:pointer;flex:none;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;margin:0;display:inline-flex}.select-label input{cursor:pointer;width:1.15rem;height:1.15rem;min-height:auto;margin:0}.switch-label{align-items:center;gap:var(--space-3);min-height:2.75rem;margin:var(--space-3) 0 0;cursor:pointer;display:flex}.switch-label input{cursor:pointer;flex:none;width:1.15rem;height:1.15rem;min-height:auto;margin:0}.select-label-overlay{top:var(--space-2);right:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-raised) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);position:absolute}.select-label-overlay input{width:1.25rem;height:1.25rem}.video-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));display:grid}.video-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);transition:border-color var(--speed) ease, box-shadow var(--speed) ease;overflow:hidden}@media (hover:hover){.video-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}}.video-card-body{gap:var(--space-3);padding:var(--space-4);display:grid}.video-card h3{font-size:var(--text-lg);margin:0}.video-card-actions{align-items:center;gap:var(--space-2);display:flex;position:relative}.card-menu-button{padding:var(--space-1) var(--space-2);min-height:2rem;color:var(--text-dim)}.card-menu{z-index:var(--layer-overlay);top:calc(100% + var(--space-1));min-width:12rem;padding:var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-md);position:absolute;right:0}.card-menu-item{text-align:left;justify-content:flex-start;width:100%}.card-menu-hint{padding:var(--space-1) var(--space-2);color:var(--text-dim);font-size:var(--text-xs);margin:0}.video-card-media{position:relative}.video-preview{aspect-ratio:16/9;background:var(--bg-sunken);border-bottom:1px solid var(--border)}.video-preview video{object-fit:contain;border-radius:0;width:100%;max-width:none;height:100%;margin:0;display:block}.preview-placeholder{width:100%;height:100%;padding:var(--space-4);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-align:center;place-items:center;display:grid}.preview-placeholder button{border-color:var(--border-strong);color:var(--text);font-family:var(--font-sans);background:0 0}.preview-placeholder button:hover{background:var(--surface-hover)}.gallery-loading{border:1px dashed var(--border);border-radius:var(--radius-lg);min-height:13rem;color:var(--text-dim);place-items:center;display:grid}.status,.visibility{border:1px solid var(--border-strong);border-radius:var(--radius-full);width:fit-content;padding:var(--space-1) var(--space-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.4em;font-weight:600;line-height:1.3;display:inline-flex}.status:before{content:"";border-radius:var(--radius-full);background:currentColor;width:.35em;height:.35em}.status-ready{border-color:var(--success);background:var(--success-soft);color:var(--success)}.status-pending{border-color:var(--warn);color:var(--warn)}.status-failed{border-color:var(--danger);color:var(--danger-text)}.status-deleting{border-color:var(--border);color:var(--text-dim)}.status-over{border-color:var(--danger);color:var(--danger-text)}.visibility.private{border-color:var(--warn);color:var(--warn)}.visibility.public{border-color:var(--success);color:var(--success)}.metadata-list{gap:var(--space-2);font-size:var(--text-sm);margin:0;display:grid}.metadata-list>div{gap:var(--space-3);grid-template-columns:minmax(6.5rem,.3fr) 1fr;align-items:baseline;min-width:0;display:grid}.metadata-list dt{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.metadata-list dd{min-width:0;color:var(--text);overflow-wrap:anywhere;margin:0}.context-panel p{white-space:pre-wrap;overflow-wrap:anywhere}.context-panel h2{margin:0}.context-panel .row{margin-bottom:var(--space-3)}.new-key{margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent-soft)}.new-key pre{background:var(--bg-sunken)}dialog.feedback-dialog{width:min(100% - 2 * var(--space-5), 35rem);max-height:calc(100vh - var(--space-8));max-height:calc(100dvh - var(--space-8));border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-5);background:var(--surface-raised);color:inherit;box-shadow:var(--shadow-lg);margin:auto;animation:.16s dialog-in;position:fixed;inset:0;overflow:auto}dialog.feedback-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}html[data-modal-open=true]{overflow:hidden}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.feedback-dialog h2{margin-top:0}.review-actions,.dialog-actions{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.review-actions .checkbox-label{margin:0}.dialog-actions{margin-top:var(--space-2);justify-content:flex-end}.dialog-actions .danger{margin-top:0}.dialog-note{margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.panel-actions{justify-content:flex-start}.panel form+.panel-actions{margin-top:var(--space-5)}.video-card-body .row a{font-size:var(--text-sm)}.app-shell{min-height:100svh}.app-shell.with-sidebar{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);display:grid}.app-content{flex-direction:column;min-width:0;min-height:100svh;display:flex;overflow-x:clip}.app-content>main{flex:1 0 auto;width:100%}.brand{align-items:center;gap:var(--space-2);color:var(--text);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.08em;white-space:nowrap;font-weight:600;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand-dot{border-radius:var(--radius-full);background:var(--rec);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--rec) 22%, transparent);animation:2.4s ease-in-out infinite rec-pulse}.topbar{z-index:calc(var(--layer-sticky) + 1);justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--topbar-height);padding:env(safe-area-inset-top) max(var(--space-5), env(safe-area-inset-right)) 0 max(var(--space-5), env(safe-area-inset-left));border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.topbar .nav-items{gap:var(--space-2);flex-direction:row}.topbar .nav-login{border:1px solid var(--border-strong)}.topbar .nav-login:hover{background:var(--surface-hover)}.nav-toggle{min-height:2.5rem;padding:var(--space-2);border-color:var(--border);background:var(--surface-raised);color:var(--text);display:none}.nav-toggle:hover{background:var(--surface-hover)}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;height:100svh;display:flex;position:sticky;top:0}.sidebar-brand{min-height:var(--topbar-height);padding:env(safe-area-inset-top) var(--space-5) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.sidebar .nav-items{flex:auto;min-height:0}.nav-items{gap:var(--space-2);padding:var(--space-3);flex-direction:column;display:flex}.nav-section{flex-direction:column;gap:2px;display:flex}.nav-project-group{min-height:0}.nav-projects{flex:auto;min-height:0;overflow-y:auto}.nav-account{padding-top:var(--space-3);border-top:1px solid var(--border);margin-top:auto}.nav-item{align-items:center;gap:var(--space-3);min-height:2.25rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);transition:background var(--speed) ease, color var(--speed) ease;font-weight:500;text-decoration:none;display:flex}.nav-item .icon{color:var(--text-dim);transition:color var(--speed) ease;flex:none}.nav-item.nav-link-button{font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;width:100%;font-weight:500}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item:hover .icon,.nav-item[aria-current=page]{color:var(--text)}.nav-item[aria-current=page] .icon{color:var(--accent)}.nav-item[aria-current=page]:after{content:"";background:var(--accent);flex:none;width:.375rem;height:.375rem;margin-left:auto;rotate:45deg}.nav-section-title{margin:0 0 var(--space-1);padding:0 var(--space-3);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.nav-subtitle{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.nav-project{align-items:center;gap:2px;display:flex;position:relative}.nav-project-fill{flex:auto;min-width:0}.nav-project-fill .nav-item.nav-project-name{width:100%}.nav-item.nav-project-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;width:auto;min-width:0;display:block;overflow:hidden}.nav-project-name.active{background:var(--accent-soft);color:var(--text);box-shadow:inset 2px 0 0 var(--accent);font-weight:600}.nav-project-name.active:hover{background:var(--accent-soft)}.nav-new-project,.nav-new-project .icon,.nav-new-project:hover .icon,.nav-new-project:hover{color:var(--link)}.nav-identity{padding:var(--space-2) var(--space-3);overflow-wrap:anywhere;gap:1px;display:grid}.nav-identity-name{color:var(--text);font-size:var(--text-sm);font-weight:600}.nav-identity-email{color:var(--text-dim);font-size:var(--text-xs)}.drawer-backdrop,.drawer-close{display:none}.page-wide{max-width:none;padding:var(--space-6) var(--page-gutter) var(--space-7)}.viewer{max-width:72rem}.settings-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.settings-grid>.panel{margin:0}.settings-group{margin:0 0 var(--space-6)}.settings-group>h2{margin-bottom:var(--space-3)}.settings-group>.hint{margin-bottom:var(--space-4)}.setting-danger{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.usage-meter{gap:var(--space-1);margin-bottom:var(--space-4);display:grid}.usage-meter-label{justify-content:space-between;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.usage-meter-track{height:var(--space-2);border-radius:var(--radius-full);background:var(--bg-sunken);border:1px solid var(--border);overflow:hidden}.usage-meter-fill{background:var(--accent);height:100%}.usage-meter-fill.over{background:var(--danger)}.usage-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));display:grid}.usage-card{min-width:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-sunken)}.usage-card>:last-child{margin-bottom:0}.usage-card h3{font-size:var(--text-base);margin:0}.usage-card .row{margin-bottom:var(--space-3)}.usage-card.over{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.list-row-lines{align-items:baseline;gap:var(--space-1) var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.list-row-primary{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-weight:600;overflow:hidden}.list-row-status{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;flex:none}.list-row-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);overflow:hidden}.list-empty{margin:var(--space-3) 0 0;color:var(--text-dim);font-size:var(--text-sm)}.plan-price{font-size:var(--text-xl);color:var(--text);font-weight:600}.plan-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:64rem){.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.plan-card{min-width:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-sunken)}.plan-card>:last-child{margin-bottom:0}.plan-card h3{margin:0 0 var(--space-2)}.plan-card.current{border-color:var(--accent)}.detail-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.detail-main{gap:var(--space-5);min-width:0;display:grid}.detail-main>.panel,.detail-side>.panel{margin:0}.detail-main video{max-width:none;margin:0}.detail-side{gap:var(--space-5);min-width:0;display:grid}@media (max-width:60rem){.app-shell.with-sidebar{grid-template-columns:minmax(0,1fr)}.topbar-mobile{display:flex}.nav-toggle{display:inline-flex}.sidebar-brand{padding-right:var(--space-3)}.sidebar{z-index:calc(var(--layer-modal) + 1);visibility:hidden;width:min(20rem,86vw);height:100dvh;box-shadow:var(--shadow-lg);transition:left .2s,visibility 0s linear .2s;position:fixed;inset:0 auto 0 calc(-1*min(20rem,86vw) - 2rem)}.sidebar.open{visibility:visible;transition:left .2s,visibility;left:0}.drawer-backdrop{z-index:var(--layer-modal);background:var(--backdrop);display:block;position:fixed;inset:0}.page-wide{padding:var(--space-5) max(var(--space-4), env(safe-area-inset-right)) var(--space-6) max(var(--space-4), env(safe-area-inset-left))}}@media (min-width:60.01rem){.topbar-mobile{display:none}}.site-footer{padding:var(--space-5) var(--page-gutter);border-top:1px solid var(--border);gap:var(--space-4);color:var(--text-dim);font-size:var(--text-sm);flex-wrap:wrap;margin-top:auto;display:flex}.site-footer a{color:var(--text-dim)}.site-footer a:hover{color:var(--text)}.pending-host{overflow-clip-margin:4px;position:relative;overflow:clip}.pending-bar{transform:scaleX(var(--fill-scale,0));transform-origin:0;pointer-events:none;background:var(--accent-hover);opacity:0;transition:transform var(--fill-ease,.26s) cubic-bezier(.22, 1, .36, 1), opacity var(--speed) ease;position:absolute;inset:0}.pending-host.is-pending .pending-bar,.pending-bar.is-pending{opacity:1}.secondary>.pending-bar,.ghost>.pending-bar,.pending-host:not(button)>.pending-bar{background:var(--accent-soft)}.pending-host.tone-danger>.pending-bar{background:var(--danger-hover)}.pending-label{transition:opacity var(--speed) ease;grid-area:label;position:relative}.pending-leading{margin-right:var(--space-3);grid-area:lead;display:inline-flex;position:relative}.pending-label-ghost{opacity:0;pointer-events:none}button.pending-host{grid-template-columns:auto auto;grid-template-areas:"lead label";align-items:center;gap:0;display:inline-grid}.pending-host:not(button){border-radius:var(--radius-md)}@keyframes pending-fail{0%,50%,to{box-shadow:none}25%,75%{box-shadow:0 0 0 2px var(--danger)}}.is-failed{animation:.6s pending-fail}.route-progress{z-index:var(--layer-loader);background:var(--accent-soft);opacity:0;pointer-events:none;width:100%;height:3px;transition:opacity var(--speed) ease;position:fixed;inset:0 auto auto 0;overflow:clip}.route-progress.is-active{opacity:1}.route-progress-beam{inset:0 auto 0 var(--beam,-30%);width:var(--beam-width,30%);background:var(--accent);box-shadow:0 0 8px var(--accent);border-radius:var(--radius-full);position:absolute}.toaster{z-index:var(--layer-toast);inset:auto var(--space-5) var(--space-5) auto;gap:var(--space-2);width:min(26rem, calc(100vw - var(--space-7)));pointer-events:none;margin:0;padding:0;list-style:none;display:grid;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-md);color:var(--text);font-size:var(--text-sm);pointer-events:auto;margin:0;display:flex}.toast-message{overflow-wrap:anywhere;flex:auto;min-width:0}.toast-error{border-color:var(--danger)}.toast-error .toast-message{color:var(--danger-text);font-weight:500}.toast-action,.toast-close{flex:none;min-height:2.75rem}.toast-close{min-width:2.75rem;padding:var(--space-2)}.gallery-skeleton{pointer-events:none}.skeleton-card{border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-sunken);min-height:13rem}.heading-skeleton{vertical-align:text-bottom;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg-sunken);width:8rem;max-width:60%;height:1em;display:inline-block}@media (max-width:45rem){.toaster{width:auto;padding:0 var(--space-3) max(var(--space-4), env(safe-area-inset-bottom));inset:auto 0 0}}@media (pointer:coarse),(max-width:60rem){.button,button{min-height:2.75rem}.nav-item{padding:var(--space-3)}.control-option{min-height:2.25rem}input,textarea,select{min-height:2.75rem;font-size:max(1rem, var(--text-sm))}.checkbox-label{min-height:2.75rem}.checkbox-label input{width:1.15rem;height:1.15rem;min-height:auto}.nav-toggle,.card-menu-button{min-width:2.75rem;min-height:2.75rem}.video-card-actions a,.back-link{align-items:center;min-height:2.75rem;display:inline-flex}}@media (max-width:60rem){.bulk-bar{top:calc(var(--topbar-height) + env(safe-area-inset-top))}}@media (max-width:45rem){main{padding:var(--space-8) max(var(--space-4), env(safe-area-inset-right)) var(--space-6) max(var(--space-4), env(safe-area-inset-left))}.metadata-list>div{gap:var(--space-1);grid-template-columns:1fr}.list-row>.row{grid-column:1/-1;justify-content:flex-start}.page-header{align-items:flex-start}.nav-items{max-width:calc(100vw - var(--space-6) - var(--space-8))}.site-footer{padding-bottom:max(var(--space-5), env(safe-area-inset-bottom))}dialog.feedback-dialog{width:100%;max-width:none;max-height:calc(100dvh - var(--space-7));border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:max(var(--space-5), env(safe-area-inset-bottom));border-bottom:0;margin:auto auto 0;animation-name:sheet-in}.dialog-actions button{flex:auto}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:active,button:active{translate:none}.is-failed{box-shadow:0 0 0 2px var(--danger);animation:none!important}}