.srv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.srv-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:linear-gradient(160deg,color-mix(in srgb,var(--brand) 10%,var(--raised)),var(--raised));border:1px solid color-mix(in srgb,var(--brand) 25%,var(--hairline));border-radius:16px;box-shadow:0 0 24px color-mix(in srgb,var(--brand) 12%,transparent)}.srv-wide{grid-column:1 / -1;align-items:stretch}.srv-card-title{align-self:flex-start;margin:0;font-size:var(--text-dense);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-secondary)}.srv-ring{width:150px;height:150px}.srv-ring-track{fill:none;stroke:var(--hairline);stroke-width:10}.srv-ring-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .6s ease;filter:drop-shadow(0 0 6px currentColor)}.srv-ok{stroke:var(--brand);color:var(--brand)}.srv-warm{stroke:var(--fault);color:var(--fault)}.srv-hot{stroke:var(--tally);color:var(--tally)}.srv-ring-big{fill:var(--ink);font-size:26px;font-weight:700;text-anchor:middle}.srv-ring-small{fill:var(--paper-secondary);font-size:10px;text-anchor:middle}.srv-spark{width:100%;height:48px}.srv-spark-line{fill:none;stroke:var(--brand);stroke-width:2;vector-effect:non-scaling-stroke}.srv-spark-area{fill:color-mix(in srgb,var(--brand) 15%,transparent);stroke:none}.srv-big{font-size:32px;font-variant-numeric:tabular-nums}.srv-net{margin:var(--space-6) 0;text-align:center}.srv-leak{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--hairline)}.srv-leak-ok{color:var(--cue)}.srv-leak-bad{color:var(--fault);font-weight:var(--weight-bold)}.srv-logs{margin-top:var(--space-4)}.srv-log-tools{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.srv-chips{display:flex;gap:var(--space-1)}.srv-chip{padding:4px 10px;font:inherit;font-size:var(--text-dense);color:var(--paper-secondary);cursor:pointer;background:transparent;border:1px solid var(--control-border);border-radius:999px}.srv-chip[aria-pressed=true]{color:var(--ink);border-color:var(--brand);box-shadow:0 0 10px color-mix(in srgb,var(--brand) 30%,transparent)}.srv-chip-error[aria-pressed=true]{border-color:var(--tally)}.srv-chip-warn[aria-pressed=true]{border-color:var(--fault)}.srv-follow{font-size:var(--text-dense)}.srv-log{max-height:420px;margin:0;padding:var(--space-2);overflow:auto;font-family:var(--font-figures);font-size:12px;list-style:none;background:color-mix(in srgb,#000 35%,var(--raised));border-radius:var(--radius-control)}.srv-log-line{display:grid;grid-template-columns:80px 64px minmax(0,1fr);gap:var(--space-2);padding:2px 4px;overflow-wrap:anywhere}.srv-log-line code{color:var(--paper-tertiary)}.srv-log-level{font-weight:700}.srv-log-error .srv-log-level{color:var(--tally)}.srv-log-warn .srv-log-level{color:var(--fault)}.srv-log-info .srv-log-level{color:var(--brand)}.tbl-wrap{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.tbl-tools,.tbl-bulk{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.tbl-search{flex:1 1 220px;min-height:36px;padding:0 var(--space-3);font:inherit;color:var(--ink);background:var(--raised);border:1px solid var(--control-border);border-radius:var(--radius-control)}.tbl-tools select{min-height:36px;padding:0 var(--space-2);font:inherit;color:var(--ink);background:var(--raised);border:1px solid var(--control-border);border-radius:var(--radius-control)}.tbl-bulk{padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--brand-fill) 14%,var(--raised));border:1px solid color-mix(in srgb,var(--brand) 35%,transparent);border-radius:var(--radius-control)}.tbl-count{margin-right:auto;font-weight:var(--weight-bold)}.tbl-scroll{overflow-x:auto;background-color:color-mix(in srgb,var(--raised) 75%,transparent);background-image:var(--fx-glass, none);border:1px solid var(--fx-edge, var(--hairline));border-radius:14px}.tbl{width:100%;border-collapse:collapse;font-size:var(--text-dense)}.tbl th,.tbl td{padding:var(--space-3);text-align:left;white-space:nowrap;border-bottom:1px solid var(--hairline)}.tbl th{font-size:var(--text-micro);font-weight:var(--weight-bold);letter-spacing:.08em;color:var(--paper-secondary);text-transform:uppercase}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--hairline)}.tbl-pick{width:36px}.tbl-sort{padding:0;font:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit;cursor:pointer;background:none;border:none}.tbl-sort:after{margin-left:4px;content:"↕";opacity:.4}[aria-sort=ascending]>.tbl-sort:after{content:"↑";opacity:1}[aria-sort=descending]>.tbl-sort:after{content:"↓";opacity:1}.tbl td a{font-weight:var(--weight-medium);color:var(--ink)}.tbl-id{margin-left:var(--space-2);font-size:var(--text-micro);color:var(--paper-tertiary)}.tbl-num{font-variant-numeric:tabular-nums}.tbl-dot{display:inline-block;width:8px;height:8px;margin-right:6px;background:var(--paper-tertiary);border-radius:50%}.tbl-dot.on{background:var(--tally);box-shadow:0 0 8px var(--tally)}.tbl-none{margin:0}:root{--studio: #0a0e17;--console: #131a28;--paper: #eceff3;--paper-secondary: rgb(236 239 243 / 72%);--paper-tertiary: rgb(236 239 243 / 60%);--hairline: rgb(236 239 243 / 12%);--control-border: rgb(236 239 243 / 40%);--tally: #ff5a60;--cue: #2faf6a;--fault: #f2a03d;--brand: #9b8cff;--brand-fill: #6d55f5;--brand-ink: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-dense: 0;--radius-control: 6px;--radius-panel: 10px;--radius-round: 999px;--size-target: 44px;--size-target-min: 24px;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;--font-figures: ui-monospace, "SF Mono", "Cascadia Mono", "Menlo", "Consolas", monospace;--weight-regular: 400;--weight-medium: 500;--weight-bold: 650;--text-hero: 48px;--text-display: 28px;--text-heading: 20px;--text-body: 15px;--text-dense: 13px;--text-micro: 11px;--line-hero: 1.1;--line-display: 1.2;--line-heading: 1.3;--line-body: 1.47;--line-dense: 1.38;--line-micro: 1.27;--duration-fast: .12s;--duration-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--shadow-raised: 0 1px 2px 0 rgb(0 0 0 / 24%);--shadow-overlay: 0 8px 24px 0 rgb(0 0 0 / 40%)}:root[data-theme=light]{--studio: #eceff3;--console: #ffffff;--paper: #161e27;--paper-secondary: rgb(22 30 39 / 74%);--paper-tertiary: rgb(22 30 39 / 64%);--hairline: rgb(22 30 39 / 12%);--control-border: rgb(22 30 39 / 52%);--tally: #c4212b;--cue: #177a43;--fault: #99590f;--brand: #5b3fe4;--brand-fill: #5b3fe4;--brand-ink: #ffffff}@media(prefers-color-scheme:light){:root[data-theme=auto]{--studio: #eceff3;--console: #ffffff;--paper: #161e27;--paper-secondary: rgb(22 30 39 / 74%);--paper-tertiary: rgb(22 30 39 / 64%);--hairline: rgb(22 30 39 / 12%);--control-border: rgb(22 30 39 / 52%);--tally: #c4212b;--cue: #177a43;--fault: #99590f;--brand: #5b3fe4;--brand-fill: #5b3fe4;--brand-ink: #ffffff}}:root{--surface: var(--studio);--raised: var(--console);--ink: var(--paper);color-scheme:dark}:root[data-theme=light]{color-scheme:light}@media(prefers-color-scheme:light){:root[data-theme=auto]{color-scheme:light}}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--line-body);-webkit-font-smoothing:antialiased}.figures,time{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon{width:20px;height:20px;flex:none}.page{width:100%;max-width:1120px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.page-head{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-6)}.page-head h1{margin:0;font-size:var(--text-display);line-height:var(--line-display);font-weight:var(--weight-bold);letter-spacing:-.01em}.page-head p{margin:var(--space-1) 0 0;color:var(--paper-secondary)}.section-title{margin:var(--space-8) 0 var(--space-3);font-size:var(--text-heading);line-height:var(--line-heading);font-weight:var(--weight-bold)}.btn{display:inline-flex;gap:var(--space-2);align-items:center;justify-content:center;min-height:var(--size-target);padding:0 var(--space-4);font:inherit;font-weight:var(--weight-medium);color:var(--ink);text-decoration:none;white-space:nowrap;cursor:pointer;background:transparent;border:1px solid var(--control-border);border-radius:var(--radius-control);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.btn:hover{border-color:var(--paper-secondary)}.btn-primary{color:var(--brand-ink);font-weight:var(--weight-bold);background:var(--brand-fill);border-color:var(--brand-fill)}.btn-primary:hover{background:color-mix(in srgb,var(--brand-fill) 88%,white);border-color:transparent}.btn-quiet{color:var(--paper-secondary);border-color:transparent}.btn-quiet:hover{color:var(--ink);border-color:transparent;background:var(--hairline)}.btn-danger{color:var(--fault);font-weight:var(--weight-bold);border-color:var(--fault)}.btn-danger:hover{background:color-mix(in srgb,var(--fault) 14%,transparent);border-color:var(--fault)}.btn[disabled]{cursor:default;opacity:.55}.btn-small{min-height:32px;padding:0 var(--space-3);font-size:var(--text-dense)}.card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-panel)}.card h2,.card h3{margin:0;font-size:var(--text-heading);line-height:var(--line-heading);font-weight:var(--weight-bold);overflow-wrap:anywhere}.card p{margin:0}.card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:auto;padding-top:var(--space-2)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.state{display:inline-flex;gap:var(--space-2);align-items:center;font-size:var(--text-dense);font-weight:var(--weight-bold);letter-spacing:.02em}.state-glyph{font-size:14px;line-height:1}.state.on_air{color:var(--tally)}.state.degraded,.state.fault{color:var(--fault)}.state.ready{color:var(--cue)}.state.off_air{color:var(--paper-tertiary)}.muted{color:var(--paper-secondary)}.faint{color:var(--paper-tertiary);font-size:var(--text-dense)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:0;list-style:none}.chip{display:inline-flex;gap:6px;align-items:center;min-height:28px;padding:0 var(--space-3);font-size:var(--text-dense);color:var(--paper-secondary);border:1px solid var(--hairline);border-radius:var(--radius-round)}.chip:before{width:8px;height:8px;content:"";background:var(--paper-tertiary);border-radius:50%}.chip.good:before{background:var(--cue)}.chip.bad{color:var(--fault)}.chip-fix{min-height:24px;padding:0 var(--space-1);font:inherit;font-weight:var(--weight-medium);color:var(--ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:0;border-radius:var(--radius-control)}.chip.bad:before{width:0;height:0;background:none;border-right:5px solid transparent;border-bottom:8px solid var(--fault);border-left:5px solid transparent;border-radius:0}.chip.busy:before{background:linear-gradient(90deg,var(--paper-secondary) 50%,transparent 50%);border:1px solid var(--paper-secondary)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label,.field legend{font-size:var(--text-dense);font-weight:var(--weight-medium);color:var(--paper-secondary)}.field input,.field select{min-height:var(--size-target);padding:0 var(--space-3);font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius-control)}.field textarea{min-height:calc(var(--size-target) * 2);padding:var(--space-2) var(--space-3);font-family:var(--font-figures);font-size:var(--text-dense);color:var(--ink);resize:vertical;background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius-control)}.field .hint{margin:0;font-size:var(--text-dense);color:var(--paper-tertiary)}.form{display:flex;flex-direction:column;gap:var(--space-4)}.new-platform{padding:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-control)}.form-error{margin:0;color:var(--fault)}.checks{display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0;border:0}.checks>label{display:flex;gap:var(--space-3);align-items:center;min-height:var(--size-target);padding:0 var(--space-3);color:var(--ink);cursor:pointer;border:1px solid var(--hairline);border-radius:var(--radius-control)}.checks>label input{flex:none;width:20px;height:20px;accent-color:var(--brand-fill)}.sheet{width:min(560px,calc(100vw - 2 * var(--space-4)));max-height:calc(100dvh - 2 * var(--space-6));padding:0;color:var(--ink);background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-panel);box-shadow:var(--shadow-overlay)}.sheet::backdrop{background:#0000008c}.sheet-head{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) 0 var(--space-6)}.sheet-head h2{margin:0;font-size:var(--text-heading)}.sheet-body{padding:var(--space-4) var(--space-6) var(--space-6)}.sheet-foot{display:flex;gap:var(--space-2);justify-content:flex-end;padding-top:var(--space-2)}@media not (min-width:640px){.sheet{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:var(--radius-panel) var(--radius-panel) 0 0}}.empty{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;max-width:520px;padding:var(--space-8) 0}.empty>.icon{width:32px;height:32px;color:var(--brand)}.empty h2{margin:0;font-size:var(--text-heading)}.empty p{margin:0;color:var(--paper-secondary)}.banner{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-6);font-size:var(--text-dense);color:var(--ink);background:color-mix(in srgb,var(--fault) 16%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--fault) 40%,transparent)}.banner.info{background:color-mix(in srgb,var(--brand-fill) 14%,var(--surface));border-bottom-color:color-mix(in srgb,var(--brand-fill) 40%,transparent)}.journey{display:flex;flex-direction:column;gap:var(--space-3);padding:0;margin:0;list-style:none}.journey-step{display:grid;grid-template-columns:32px 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-panel)}.journey-step.current{background:color-mix(in srgb,var(--brand-fill) 10%,var(--raised));border-color:color-mix(in srgb,var(--brand-fill) 55%,transparent)}.journey-mark{display:grid;width:32px;height:32px;font-weight:var(--weight-bold);place-items:center;color:var(--paper-secondary);border:2px solid var(--control-border);border-radius:50%}.journey-step.current .journey-mark{color:var(--brand-ink);background:var(--brand-fill);border-color:var(--brand-fill)}.journey-step.done .journey-mark{color:var(--cue);border-color:var(--cue)}.journey-step h3{margin:0;font-size:var(--text-body);font-weight:var(--weight-bold)}.journey-step.done h3{color:var(--paper-secondary)}.journey-step p{margin:2px 0 0;font-size:var(--text-dense);color:var(--paper-secondary)}@media not (min-width:640px){.journey-step{grid-template-columns:32px 1fr}.journey-step .btn{grid-column:1 / -1}}.bar{height:6px;overflow:hidden;background:var(--hairline);border-radius:var(--radius-round)}.bar>i{display:block;height:100%;background:var(--brand-fill);border-radius:inherit;transition:width var(--duration-base) var(--ease-standard)}.toasts{position:fixed;bottom:var(--space-6);left:50%;z-index:20;display:flex;flex-direction:column;gap:var(--space-2);width:min(480px,calc(100% - 2 * var(--space-4)));transform:translate(-50%);pointer-events:none}.toast{display:flex;gap:var(--space-2);align-items:center;min-height:52px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);color:var(--ink);pointer-events:auto;background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-panel);box-shadow:var(--shadow-overlay);animation:toast-in var(--duration-base) var(--ease-standard)}.toast.leaving{opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.toast-text{flex:1;min-width:0;overflow-wrap:anywhere}.toast-action{min-height:36px;padding:0 var(--space-3);font:inherit;font-weight:var(--weight-bold);color:var(--brand);white-space:nowrap;cursor:pointer;background:transparent;border:0;border-radius:var(--radius-control)}.toast-action:hover{background:var(--hairline)}.toast-close{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;color:var(--paper-secondary);cursor:pointer;background:transparent;border:0;border-radius:var(--radius-control)}.toast-close:hover{color:var(--ink);background:var(--hairline)}.toast-close svg{width:18px;height:18px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media not (min-width:900px){.toasts{bottom:calc(76px + env(safe-area-inset-bottom))}}.thumb{position:relative;display:grid;aspect-ratio:16 / 9;overflow:hidden;place-items:center;color:var(--paper-tertiary);background:var(--studio)}.thumb-empty .icon{width:28px;height:28px}.thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.thumb.shown img{opacity:1}.thumb-time{position:absolute;right:var(--space-2);bottom:var(--space-2);padding:1px 6px;font-size:var(--text-micro);font-weight:var(--weight-medium);line-height:var(--line-micro);font-variant-numeric:tabular-nums;color:var(--paper);background:var(--studio);border-radius:var(--radius-control)}.skeleton-line{display:block;max-width:100%;height:12px;background:var(--hairline);border-radius:var(--radius-round)}.tag{display:inline-flex;gap:4px;align-items:center;margin-left:var(--space-2);color:var(--brand);white-space:nowrap}.tag .icon{width:14px;height:14px}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.skip{position:absolute;top:var(--space-2);left:var(--space-2);z-index:10;padding:var(--space-2) var(--space-4);color:var(--brand-ink);background:var(--brand-fill);border-radius:var(--radius-control);transform:translateY(-200%)}.skip:focus{transform:none}.logo{display:inline-flex;gap:10px;align-items:center;color:var(--ink)}.logo-mark{width:36px;height:36px}.logo-word{width:auto;height:26px}.brand{display:inline-flex;min-height:var(--size-target);align-items:center;border-radius:var(--radius-control)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--space-6);height:100dvh;padding:var(--space-6) var(--space-4);overflow-y:auto;background:var(--raised);border-right:1px solid var(--hairline)}.nav{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;gap:var(--space-3);align-items:center;min-height:var(--size-target);padding:0 var(--space-3);font-weight:var(--weight-medium);color:var(--paper-secondary);text-decoration:none;border-radius:var(--radius-control)}.nav-link:hover{color:var(--ink);background:var(--hairline)}.nav-link[aria-current=page]{color:var(--ink);background:color-mix(in srgb,var(--brand-fill) 22%,transparent);box-shadow:inset 3px 0 0 var(--brand)}.nav-link[aria-current=page] .icon{color:var(--brand)}.nav-heading{margin:var(--space-6) 0 var(--space-2);padding:0 var(--space-3);font-size:var(--text-micro);font-weight:var(--weight-bold);letter-spacing:.08em;color:var(--paper-tertiary);text-transform:uppercase}.sidebar-foot{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.who{display:flex;align-items:center;min-height:var(--size-target);margin:0;padding:0 var(--space-3);overflow:hidden;font-weight:var(--weight-medium);color:var(--ink);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-control)}.who:hover{background:var(--hairline)}.sidebar-actions{display:flex;flex-wrap:wrap;gap:var(--space-1)}.trial-pill{align-self:flex-start;margin:0 0 var(--space-2) var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--text-dense);font-weight:var(--weight-medium);color:var(--brand);background:color-mix(in srgb,var(--brand-fill) 16%,transparent);border-radius:var(--radius-round)}.workspace{display:flex;flex-direction:column;min-width:0}.content{flex:1;outline:none}.topbar,.tabbar{display:none}.more-list{display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0;list-style:none}.more-item{display:flex;gap:var(--space-4);align-items:center;min-height:64px;padding:var(--space-3) var(--space-4);color:var(--ink);text-decoration:none;background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-panel)}.more-item:hover{border-color:var(--control-border)}.more-item .icon{color:var(--brand)}.more-item span{display:flex;flex-direction:column;gap:2px}.account p{margin:0 0 var(--space-3)}@media not (min-width:900px){html{scroll-padding-top:64px;scroll-padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.topbar{position:sticky;top:0;z-index:5;display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;min-height:56px;padding:0 var(--space-4);background:var(--raised);border-bottom:1px solid var(--hairline)}.topbar .logo-word{display:none}.topbar .logo-mark{width:30px;height:30px}.topbar-title{flex:1;font-weight:var(--weight-bold)}.topbar .topbar-trial{align-self:center;margin:0;white-space:nowrap}.tabbar{position:fixed;right:0;bottom:0;left:0;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);background:var(--raised);border-top:1px solid var(--hairline)}.tab{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;min-height:58px;font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--paper-secondary);text-decoration:none}.tab .icon{width:24px;height:24px}.tab[aria-current=page]{color:var(--brand)}.content{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.page{padding:var(--space-6) var(--space-4) var(--space-8)}}.licence{margin-top:var(--space-6)}.licence-state{font-weight:var(--weight-bold)}.licence-state.bad{color:var(--fault)}.back-link{display:none}@media not (min-width:900px){.back-link{display:inline-flex;gap:var(--space-1);align-items:center;min-height:var(--size-target);padding:0 var(--space-2) 0 0;margin:var(--space-2) 0 0 var(--space-4);font-weight:var(--weight-medium);color:var(--brand);text-decoration:none}.back-link .icon{width:20px;height:20px}}.screen-title{margin:0;padding:var(--space-4) var(--space-4) var(--space-2);font-size:var(--text-heading);font-weight:var(--weight-bold);line-height:var(--line-heading)}.reason{color:var(--fault)}.journey-card{gap:var(--space-4);margin-bottom:var(--space-2)}.journey-head{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:space-between}.journey-head .icon{width:16px;height:16px}.sheet-danger{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;padding-top:var(--space-4);margin-top:var(--space-2);border-top:1px solid var(--hairline)}.sheet-danger p{flex:1 1 220px;margin:0}.channel-card{gap:0;padding:0;overflow:hidden}.card-media{border-bottom:1px solid var(--hairline)}.card-body{display:flex;flex:1;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-6)}.card-body .chips{margin-top:var(--space-1)}.card-media .badge{position:absolute;top:var(--space-3);left:var(--space-3);min-height:28px;padding:0 var(--space-3);background:var(--studio);border-radius:var(--radius-round);transition:color var(--duration-base) var(--ease-standard)}.card-media .thumb-time{bottom:calc(4px + var(--space-2))}.playhead{position:absolute;right:0;bottom:0;left:0;height:4px;background:color-mix(in srgb,var(--studio) 72%,transparent)}.playhead i{display:block;height:100%;background:var(--paper-secondary);transition:width 1s linear}.channel-card.on_air .playhead i{background:var(--tally)}.channel-card.on_air{border-color:color-mix(in srgb,var(--tally) 55%,transparent)}.channel-card.fault,.channel-card.degraded{border-color:color-mix(in srgb,var(--fault) 45%,transparent)}.channel-card.changed .badge{animation:state-arrives var(--duration-base) var(--ease-standard)}@keyframes state-arrives{0%{opacity:.3;transform:scale(.94)}}.next{margin:0;overflow:hidden;color:var(--paper-secondary);text-overflow:ellipsis;white-space:nowrap}.chip-words:before{margin:0 6px 0 2px;content:"—";color:var(--paper-tertiary)}.skeleton .card-body{gap:var(--space-3)}.card-actions .off-air{margin-left:auto}.sheet.watch{width:min(920px,calc(100vw - 2 * var(--space-4)))}.watch-stage{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-control)}.watch-video{display:block;width:100%;height:100%}.watch-message{position:absolute;right:0;bottom:0;left:0;margin:0;padding:var(--space-4);color:#fff;background:linear-gradient(transparent,#000000b3)}.watch-now{margin:var(--space-3) 0 0}.drop{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;justify-content:center;width:100%;min-height:112px;padding:var(--space-6);font:inherit;color:var(--ink);text-align:center;cursor:pointer;background:transparent;border:2px dashed var(--control-border);border-radius:var(--radius-panel)}.drop.big{min-height:220px}.drop:hover,.drop.over{background:color-mix(in srgb,var(--brand-fill) 10%,transparent);border-color:var(--brand)}.drop .icon{width:28px;height:28px;color:var(--brand)}.uploads,.videos{display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:var(--space-4) 0 0;list-style:none}.uploads:empty{display:none}.upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-control)}.upload-name{overflow:hidden;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.upload .bar{grid-column:1 / -1}.upload-state{grid-column:1}.upload>.btn,.upload>.upload-controls{grid-column:2;justify-self:end}.upload-controls{display:flex;gap:var(--space-2)}.upload.paused .bar i,.upload.retrying .bar i{background:var(--paper-tertiary)}.convert-bar{max-width:24rem;margin-top:var(--space-1)}.upload-state{font-size:var(--text-dense);color:var(--paper-secondary)}.upload.rejected .upload-state{color:var(--fault)}.upload.cancelled .upload-state{color:var(--paper-tertiary)}.upload.cancelled .bar i{background:var(--paper-tertiary)}.video{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:64px;padding:var(--space-2) var(--space-4);background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-control)}.video:has(>.row-thumb){grid-template-columns:128px minmax(0,1fr) auto;padding-left:var(--space-2)}.row-thumb{border-radius:calc(var(--radius-control) - 2px)}.row-thumb .thumb-empty .icon{width:22px;height:22px}.video.failed .row-thumb{color:var(--fault)}.videos.removed .row-thumb img{filter:grayscale(1)}.skeleton .video-text{gap:var(--space-2)}.video-icon{display:grid;width:40px;height:40px;place-items:center;color:var(--brand);background:color-mix(in srgb,var(--brand-fill) 14%,transparent);border-radius:var(--radius-control)}.video.failed .video-icon{color:var(--fault);background:color-mix(in srgb,var(--fault) 14%,transparent)}.video-text{display:flex;flex-direction:column;gap:2px;min-width:0}.video-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-text span{font-size:var(--text-dense)}.library>.btn{margin-top:var(--space-4)}.live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.live-grid>:first-child{grid-column:1 / -1}.live-slot{display:flex;min-width:0}.live-slot>.card{flex:1;min-width:0}.live-wide{grid-column:1 / -1}.live-wide .field select,.live-wide .field textarea,.live-wide .field .hint,.live-wide .connect{max-width:40rem}.card-part{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--hairline)}.preview-stage{overflow:hidden;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-control)}.preview{display:block;width:100%;height:100%;object-fit:contain}.preview.mirror{transform:scaleX(-1)}.browser-live.on_air{border-color:color-mix(in srgb,var(--tally) 55%,transparent)}.browser-live.on_air .browser-live-status{font-weight:var(--weight-bold);color:var(--ink)}.connect{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1);margin:0}.connect dt{font-size:var(--text-dense);color:var(--paper-secondary)}.connect dd{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;min-width:0;margin:0 0 var(--space-3)}.connect dd code{flex:1 1 14rem;min-width:0}.srt-steps{margin:var(--space-2) 0;padding-left:var(--space-4)}.table-scroll{overflow-x:auto}.viewer-log{width:100%;border-collapse:collapse;font-size:.875rem}.viewer-log th,.viewer-log td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--hairline);text-align:left;white-space:nowrap}.viewer-log td.muted{white-space:normal;overflow-wrap:anywhere;min-width:12ch}.connect code.token-text{max-height:5.5em;overflow-y:auto}.connect code{padding:6px var(--space-2);font-family:var(--font-figures);font-size:var(--text-dense);overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-control)}.video-actions{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;justify-content:flex-end}.video-remove .icon{width:18px;height:18px}.removed-section{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;margin-top:var(--space-6)}.removed-section .videos{width:100%;margin-top:0}.videos.removed .video-icon{color:var(--paper-tertiary);background:var(--hairline)}@media not (min-width:640px){.video{grid-template-columns:40px minmax(0,1fr)}.video:has(>.row-thumb){grid-template-columns:96px minmax(0,1fr)}.card-body{padding:var(--space-4)}.video-actions{grid-column:1 / -1;justify-content:flex-start}.video-remove .label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page-head .btn{width:100%}}.status-head{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.video.focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}.video-icon.avatar{font-size:var(--text-dense);font-weight:var(--weight-bold);letter-spacing:.02em;border-radius:50%}.person.disabled .video-icon.avatar{color:var(--paper-tertiary);background:var(--hairline)}.person.disabled strong{color:var(--paper-secondary)}.role-name{font-size:var(--text-dense);font-weight:var(--weight-medium);color:var(--paper-secondary)}.person select{min-height:var(--size-target);padding:0 var(--space-2);font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius-control)}.checks>label.role-choice{align-items:flex-start;min-height:0;padding:var(--space-3)}.role-choice>span{display:flex;flex-direction:column;gap:2px}.role-choice .muted{font-size:var(--text-dense)}.role-choice input{margin-top:2px}.link-field{width:100%;min-height:var(--size-target);padding:0 var(--space-3);font-family:var(--font-figures);font-size:var(--text-dense);color:var(--ink);background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius-control)}.help-checks{display:flex;flex-direction:column;gap:var(--space-3);padding:0;margin:var(--space-2) 0 0;list-style:none}.help-check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--space-3);align-items:start;padding-top:var(--space-3);border-top:1px solid var(--hairline)}.help-check .icon{width:20px;height:20px}.help-check p{margin:2px 0 0}.help-fix{font-weight:var(--weight-medium)}html.watching,html.watching body{background:#161e27;color:#eceff3}html.watching:root{--paper: #eceff3;--ink: #eceff3;--paper-secondary: rgb(236 239 243 / 72%);--paper-tertiary: rgb(236 239 243 / 60%);--hairline: rgb(236 239 243 / 12%);--control-border: rgb(236 239 243 / 40%);--fault: #f2a03d;--brand: #9b8cff;--brand-fill: #6d55f5;--brand-ink: #ffffff}.watch{max-width:1100px;margin:0 auto;padding:var(--space-4)}.watch-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.watch-title{margin:0;font-size:var(--text-heading);overflow-wrap:anywhere}.watch-badge{padding:2px 8px;border-radius:4px;background:var(--tally);color:var(--studio);font-size:var(--text-dense);font-weight:var(--weight-bold);letter-spacing:.06em}.watch-frame{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-panel);overflow:hidden}.watch-video{width:100%;height:100%;display:block;background:#000}.watch-note{position:absolute;inset:0 0 auto 0;margin:0;padding:var(--space-3) var(--space-4);background:linear-gradient(rgb(0 0 0 / 70%),transparent);color:#fff;text-align:center}.watch-foot{margin-top:var(--space-3);color:#9aa3ad;font-size:var(--text-dense)}.watch-embed{max-width:none;padding:0}.watch-embed .watch-frame{border-radius:0;height:100vh;aspect-ratio:auto}.watch-body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}@media(min-width:960px){.watch-body:has(.chat:not([hidden])){grid-template-columns:minmax(0,1fr) 340px}.watch-chat-col{position:relative}.watch-chat-col>.chat{position:absolute;top:0;right:0;bottom:0;left:0}}.chat{display:flex;flex-direction:column;gap:var(--space-2);min-height:0}.chat[hidden]{display:none}.watch .chat{padding:var(--space-3);border:1px solid var(--control-border);border-radius:var(--radius-panel)}.chat-title{margin:0;font-size:var(--text-dense);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--paper-secondary)}.chat-list{flex:1;min-height:160px;max-height:50vh;margin:0;padding:0;overflow-y:auto;list-style:none;overscroll-behavior:contain}@media(min-width:960px){.watch-chat-col .chat-list{max-height:none}}.chat-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control)}.chat-line:hover{background:var(--hairline)}.chat-text{margin:0;overflow-wrap:anywhere}.chat-name{margin-right:var(--space-2);font-weight:var(--weight-bold)}.chat-line-mine .chat-name,.chat-line-host .chat-name{color:var(--brand)}.chat-host{margin-right:var(--space-2);padding:0 6px;border:1px solid var(--brand);border-radius:4px;color:var(--brand);font-size:var(--text-dense);font-weight:var(--weight-bold)}.chat-time{color:var(--paper-tertiary);font-size:var(--text-dense);font-variant-numeric:tabular-nums;white-space:nowrap}.chat-host-panel .chat-line{position:relative}.chat-actions{position:absolute;top:0;right:0;display:flex;gap:var(--space-1);padding-left:var(--space-2);background:var(--raised);border-radius:var(--radius-control);opacity:0}.chat-line:hover .chat-actions,.chat-line:focus-within .chat-actions{opacity:1}@media(hover:none){.chat-actions{position:static;grid-column:1 / -1;padding-left:0;background:none;opacity:1}}.monitor-side{display:flex;flex-direction:column;gap:var(--space-4);align-self:stretch;min-width:0}.chat-host-panel{padding:var(--space-4)}@media(min-width:900px){.monitor-chat{position:relative;flex:1;min-height:320px}.monitor-chat>.chat{position:absolute;top:0;right:0;bottom:0;left:0}.monitor-chat:has(>.chat-is-off){flex:none;min-height:0}.monitor-chat>.chat-is-off{position:static}.chat-host-panel .chat-on{display:flex;flex-direction:column;flex:1;gap:var(--space-2);min-height:0}.chat-host-panel .chat-list{max-height:none}}.chat-on[hidden],.chat-off[hidden]{display:none}.chat-empty{margin:0;color:var(--paper-secondary)}.chat-list:empty{display:none}.chat-empty:not([hidden]){flex:1}.chat-form{display:flex;gap:var(--space-2)}.chat-input{flex:1;min-width:0;min-height:var(--size-target);padding:0 var(--space-3);font:inherit;color:var(--ink);background:transparent;border:1px solid var(--control-border);border-radius:var(--radius-control)}.chat-meta{margin:0;color:var(--paper-secondary);font-size:var(--text-dense)}.chat-link{padding:0;font:inherit;color:var(--brand);text-decoration:underline;cursor:pointer;background:none;border:0}.chat-tools{display:flex;justify-content:flex-end;gap:var(--space-2)}.chat-blocked summary{cursor:pointer;color:var(--paper-secondary)}.chat-blocks{margin:0;padding:0;list-style:none}.chat-blocks li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.room-body{display:flex;flex-direction:column;gap:var(--space-4)}.room-lobby{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-6);align-items:start}@media not (min-width:800px){.room-lobby{grid-template-columns:minmax(0,1fr)}}.room-lobby-side,.room-join{display:flex;flex-direction:column;gap:var(--space-3)}.room-lobby-side p{margin:0}.room-tile{position:relative;margin:0;aspect-ratio:16 / 9;overflow:hidden;background:#222d3a;border-radius:var(--radius-panel)}.room-video{display:block;width:100%;height:100%;object-fit:cover}.room-video-you{transform:scaleX(-1)}.room-name{position:absolute;left:var(--space-2);bottom:var(--space-2);display:flex;gap:var(--space-2);align-items:center;max-width:calc(100% - 2 * var(--space-2));padding:2px var(--space-2);overflow:hidden;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0009;border-radius:var(--radius-control)}.room-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.room-grid[data-count="2"],.room-grid[data-count="3"],.room-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.room-grid[data-count="5"],.room-grid[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}@media not (min-width:640px){.room-grid[data-count]{grid-template-columns:repeat(2,minmax(0,1fr))}.room-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}}.room-status{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--control-border);border-radius:var(--radius-control)}.room-status.room-on-air{color:var(--studio);font-weight:var(--weight-bold);background:var(--tally);border-color:var(--tally)}.room-controls{flex-wrap:wrap}.room-gone{margin:0;padding:var(--space-6);text-align:center}.sheet.room-host{width:min(1200px,calc(100vw - 2 * var(--space-4)))}.room-host-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:var(--space-6)}@media not (min-width:900px){.room-host-body{grid-template-columns:minmax(0,1fr)}}.room-stage-frame{position:relative}.room-stage{aspect-ratio:16 / 9;overflow:hidden;background:#10161d;border-radius:var(--radius-panel)}.room-canvas{display:block;width:100%;height:100%}.room-badge{position:absolute;top:var(--space-3);left:var(--space-3)}.room-side{display:flex;flex-direction:column;gap:var(--space-4)}.room-side h3{margin:0 0 var(--space-2);font-size:var(--text-body, 1rem)}.room-side p{margin:0 0 var(--space-2)}.room-people{margin:0;padding:0;list-style:none}.room-people li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:36px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}@media not (min-width:720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-6);background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-panel)}.stat-value{font-family:var(--font-figures);font-size:var(--text-display);font-weight:var(--weight-bold);line-height:1.1}.stat-label{color:var(--paper-secondary);font-size:var(--text-dense)}.stat.on-air .stat-value{color:var(--tally)}.section-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.live-now{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.live-tile{display:flex;flex-direction:column;gap:var(--space-2);color:inherit;text-decoration:none}.live-pic{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-panel);overflow:hidden;background:linear-gradient(135deg,#161e27,#2b2363 55%,#6d55f5)}.live-pic img{width:100%;height:100%;object-fit:cover;display:block}.live-pic .watch-badge{position:absolute;top:var(--space-2);left:var(--space-2)}.live-viewers{position:absolute;bottom:var(--space-2);right:var(--space-2);padding:2px 8px;border-radius:var(--radius-round);background:#0009;color:#fff;font-size:var(--text-dense)}.live-tile:focus-visible .live-pic{outline:3px solid var(--brand);outline-offset:2px}.empty-live{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);border:1px dashed var(--control-border);border-radius:var(--radius-panel);color:var(--paper-secondary)}.empty-live p{margin:0;flex:1}.first-steps{margin-bottom:var(--space-6)}.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.steps li{display:flex;align-items:center;gap:var(--space-3);color:var(--paper-secondary)}.steps li.done{text-decoration:line-through;color:var(--paper-tertiary)}.steps li.next{color:var(--ink);font-weight:var(--weight-medium)}.step-mark{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-round);border:2px solid var(--control-border);flex:none}.steps li.done .step-mark{background:var(--cue);border-color:var(--cue);color:#fff}.steps li.done .step-mark svg{width:14px;height:14px}.tally-dot{width:10px;height:10px;border-radius:var(--radius-round);background:var(--paper-tertiary);flex:none}.tally-dot.on_air{background:var(--tally)}.tally-dot.degraded{background:var(--fault)}.more-advanced{margin:var(--space-4) 0 var(--space-6)}.more-advanced summary{cursor:pointer;color:var(--paper-secondary);font-weight:var(--weight-medium);padding:var(--space-2) 0}.steps a{color:var(--brand);font-weight:var(--weight-bold)}.stream-page{display:flex;flex-direction:column;gap:var(--space-4)}.monitor{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-4);align-items:start}@media not (min-width:900px){.monitor{grid-template-columns:minmax(0,1fr)}}.monitor-off{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:#eceff3;text-align:center}.monitor-off svg{width:40px;height:40px;opacity:.8}.monitor-off p{margin:0;max-width:34ch}.tab-list{display:flex;gap:var(--space-1);border-bottom:1px solid var(--hairline);overflow-x:auto;scrollbar-width:none}.tab-button{flex:none;min-height:var(--size-target);padding:0 var(--space-4);border:0;border-bottom:3px solid transparent;background:none;color:var(--paper-secondary);font:inherit;font-weight:var(--weight-medium);cursor:pointer}.tab-button[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}.tab-button:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}.tab-panel[hidden]{display:none}@media not (min-width:520px){.tab-list{gap:0}.tab-button{flex:1 1 auto;padding:0 var(--space-2);font-size:var(--text-dense)}}.qr-block{display:flex;align-items:center;gap:var(--space-4)}.qr{width:140px;height:140px;flex:none;border-radius:var(--radius-control)}.qr-block p{margin:0}.streams{list-style:none;margin:0;padding:0}.live-tile .muted{font-size:var(--text-dense)}.videos.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.video-grid>.video,.video-grid>.video:has(>.row-thumb){display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);min-height:0;padding:0 0 var(--space-3);overflow:hidden;border-radius:var(--radius-panel)}.video-grid .row-thumb{width:100%;border-radius:0}.video-grid .video-text{padding:0 var(--space-3)}.video-grid .video-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);margin-top:auto}.video-grid>.video.focus{outline:3px solid var(--brand);outline-offset:2px}.monitor-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.play-modes{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-3)}.play-modes[hidden]{display:none}.play-modes-label{font-size:var(--text-dense);color:var(--paper-secondary)}.play-mode{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:var(--size-target);padding:var(--space-1) var(--space-3);font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:transparent;border:1px solid var(--control-border);border-radius:var(--radius-control)}.play-mode[aria-pressed=true]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.play-mode-name{font-weight:var(--weight-bold)}.play-mode-hint{font-size:var(--text-dense);color:var(--paper-secondary)}.play-mode[aria-pressed=true] .play-mode-name:before{content:"● ";color:var(--brand)}.monitor-note{position:absolute;inset:0 0 auto 0;z-index:1;margin:0;padding:var(--space-2) var(--space-3);font-size:var(--text-dense);color:#fff;text-align:center;background:linear-gradient(rgb(0 0 0 / 75%),transparent)}.connect dd .play-modes{flex-basis:100%;margin-top:var(--space-2)}@media not (min-width:600px){.play-modes-label{flex-basis:100%}.play-mode{flex:1 1 0;min-width:0}}.play-elsewhere{margin-top:var(--space-4);border-top:1px solid var(--hairline);padding-top:var(--space-3)}.play-elsewhere summary{min-height:var(--size-target);display:flex;align-items:center;cursor:pointer;font-weight:var(--weight-medium)}.play-elsewhere .connect{margin-top:var(--space-2)}.play-for{font-weight:var(--weight-regular)}.monitor-hint{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);font-size:var(--text-dense);color:var(--ink);border-left:3px solid var(--fault);background:var(--raised);border-radius:var(--radius-control)}.field-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.field-row>input{flex:1 1 12rem;min-width:0}.camera-choices{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none}.ptz{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-top:var(--space-3)}.ptz[hidden]{display:none}.ptz-arrows{display:grid;grid-template-columns:repeat(3,var(--size-target));grid-template-rows:repeat(3,var(--size-target));gap:2px}.ptz-arrows .ptz-up{grid-area:1 / 2}.ptz-arrows .ptz-left{grid-area:2 / 1}.ptz-arrows .ptz-right{grid-area:2 / 3}.ptz-arrows .ptz-down{grid-area:3 / 2}.ptz-zoom{display:flex;gap:var(--space-2)}.ptz-button{display:inline-flex;align-items:center;justify-content:center;width:var(--size-target);height:var(--size-target);padding:0;color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--raised);border:1px solid var(--control-border);border-radius:var(--radius-control)}.ptz-button:active{background:var(--hairline)}.ptz-presets{display:flex;gap:var(--space-2);align-items:center}.ptz-presets[hidden]{display:none}.ptz-presets select{min-height:var(--size-target);padding:0 var(--space-3);font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius-control)}.ptz-status{flex-basis:100%;margin:0;font-size:var(--text-dense);color:var(--paper-secondary)}.ptz-status:empty{display:none}.webhook-url{overflow-wrap:anywhere}.webhook-status{font-size:var(--text-dense)}.webhook-status.failing{color:var(--fault)}.webhook details summary{min-height:var(--size-target);display:flex;align-items:center;cursor:pointer;font-size:var(--text-dense)}.deliveries{margin:0;padding-left:var(--space-4);font-size:var(--text-dense)}.webhook{align-items:flex-start}.private-links{list-style:none;margin:var(--space-3, .75rem) 0 0;padding:0;display:grid;gap:var(--space-2, .5rem)}.private-links li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2, .5rem)}.private-links code{overflow-wrap:anywhere}.details{width:min(720px,94vw);max-height:90vh;padding:0;overflow:auto;color:var(--ink);background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-panel)}.details::backdrop{background:#000000a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.details header{position:sticky;top:0;display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:var(--raised);border-bottom:1px solid var(--hairline)}.details h2{margin:0;font-size:15px;font-weight:600}.details-close{display:inline-grid;min-width:var(--size-target);min-height:var(--size-target);place-items:center;margin-left:auto;font-size:20px;line-height:1;color:var(--ink);cursor:pointer;background:none;border:0}.details-status{margin:0;padding:var(--space-3) var(--space-4) 0;font-size:13px;color:var(--paper-secondary)}.details-status:empty{display:none}.details-placeholder{margin:var(--space-3) var(--space-4) 0;padding:var(--space-2) var(--space-3);font-size:13px;color:var(--studio);background:var(--fault);border-radius:8px}.details-form{display:grid;gap:var(--space-3);padding:var(--space-4)}.details-form label,.details-form legend{display:grid;gap:4px;font-size:13px;font-weight:600}.details-form input:not([type=radio]),.details-form textarea,.details-form select{width:100%;padding:8px 10px;font:inherit;font-weight:400;color:var(--ink);background:#00000040;border:1px solid var(--hairline);border-radius:8px;box-sizing:border-box}.details-hint,.details-count{font-size:12px;font-weight:400;color:var(--paper-secondary)}.details-problem{margin:-6px 0 0;font-size:12px;color:var(--fault)}.details-fix{margin-left:6px;padding:1px 8px;font:inherit;font-size:12px;color:var(--ink);cursor:pointer;background:#eceff31f;border:1px solid var(--hairline);border-radius:999px}.details-chapters,.details-kids{margin:0;padding:var(--space-3);border:1px solid var(--hairline);border-radius:8px}.details-chapters ol{display:grid;gap:6px;margin:var(--space-2) 0 0;padding:0;list-style:none}.details-chapters li{display:grid;grid-template-columns:5ch 1fr;gap:var(--space-2);align-items:center}.details-chapter-time{font-variant-numeric:tabular-nums;color:var(--paper-secondary)}.details-chapters ol:not(:empty)+.details-no-chapters{display:none}.details-kids label{display:inline-flex;gap:6px;align-items:center;margin-right:var(--space-3);font-weight:400}.details-required{margin-left:6px;padding:0 6px;font-size:11px;font-weight:600;color:var(--studio);background:var(--fault);border-radius:4px}.details-form footer{display:flex;gap:var(--space-3);align-items:center;justify-content:flex-end}.details-error{margin:0 auto 0 0;font-size:var(--text-dense);color:var(--fault)}.details-form button[type=submit]{min-height:var(--size-target);padding:0 var(--space-4);font:inherit;font-weight:var(--weight-bold);color:var(--brand-ink);cursor:pointer;background:var(--brand-fill);border:0;border-radius:var(--radius-control)}.captions-body{display:grid;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4)}.captions-body .details-status{padding:0}.captions-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.captions-lines{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.captions-line{display:grid;grid-template-columns:7ch 7ch 1fr;gap:var(--space-2);align-items:center}.captions-line.focus{outline:2px solid var(--focus, currentcolor);outline-offset:3px}.captions-time{min-width:0;font-variant-numeric:tabular-nums}.captions-text{min-width:0}.captions-foot{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.caption-search{display:grid;gap:var(--space-2);margin-block:var(--space-4)}.caption-search-input{width:100%;max-width:560px}.caption-hits{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.caption-hit{display:grid;gap:2px;width:100%;min-height:var(--size-target);padding:var(--space-2) var(--space-3);text-align:left;color:var(--ink);cursor:pointer;background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-panel)}.caption-hit:hover,.caption-hit:focus-visible{border-color:var(--ink)}.watch-captions{position:absolute;inset-inline:8%;bottom:12%;display:none;pointer-events:none;text-align:center}.watch-captions.on{display:block}.watch-captions span{padding:.15em .5em;font-size:clamp(14px,2.4vw,26px);line-height:1.45;color:#fff;white-space:pre-line;background:#000000b8;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.watch-cc{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);min-width:44px;min-height:44px;font-weight:700;color:#fff;cursor:pointer;background:#0009;border:2px solid rgb(255 255 255 / 70%);border-radius:6px}.watch-cc[aria-pressed=true]{color:#000;background:#fff}.wall{display:grid;grid-template-rows:auto auto 1fr;height:100%}.wall-summary{display:flex;gap:var(--space-6);align-items:center;padding:var(--space-3) var(--space-4);background:var(--raised);border-bottom:1px solid var(--hairline)}.wall-chip{display:inline-flex;gap:var(--space-2);align-items:baseline;color:var(--paper-secondary)}.wall-chip .figure,.wall-row .figure{font-family:var(--font-figures);font-variant-numeric:tabular-nums;color:var(--ink)}.wall-controls{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--hairline)}.wall-filter{width:280px;padding:var(--space-1) var(--space-2);background:var(--surface);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-control);font:inherit}.wall-scroller{overflow-y:auto;position:relative;min-height:0}.wall-spacer{position:relative}.wall-viewport{position:absolute;inset-inline:0;top:0;will-change:transform}.wall-row{display:grid;grid-template-columns:16px minmax(140px,1fr) minmax(200px,2fr) 100px 120px;gap:var(--space-3);align-items:center;height:28px;padding-inline:var(--space-4);border-bottom:1px solid var(--hairline);border-radius:var(--radius-dense);white-space:nowrap;overflow:hidden}.wall-row:hover{background:var(--raised)}.wall-row .glyph{font-size:12px;line-height:1}.wall-row .status{color:var(--paper-secondary);overflow:hidden;text-overflow:ellipsis}.wall-row .uptime,.wall-row .node{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#preview-note{padding:var(--space-2) var(--space-4);background:var(--cue);color:var(--studio);font-weight:600}#preview-note+main.wall{height:60vh}#timeline-root{height:40vh;border-top:1px solid var(--hairline)}.timeline{--gutter: 160px;display:grid;grid-template-rows:auto 1fr;height:100%}.timeline-controls{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--hairline)}.timeline-controls button{padding:var(--space-1) var(--space-3);background:var(--raised);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-control);font:inherit;cursor:pointer}.timeline-window{margin-inline-start:auto;color:var(--paper-secondary);font-family:var(--font-figures);font-variant-numeric:tabular-nums}.timeline-grid{position:relative;overflow-y:auto}.timeline-lanes{display:grid;grid-template-columns:var(--gutter) 1fr;gap:var(--space-3);align-items:center;padding-inline:var(--space-4)}.timeline-lanes[hidden]{display:none}.timeline-ruler{position:sticky;top:0;z-index:2;height:28px;background:var(--raised);border-bottom:1px solid var(--hairline)}.timeline-ruler-lane{position:relative;height:28px}.timeline-tick{position:absolute;transform:translate(-50%);color:var(--paper-secondary);font-family:var(--font-figures);font-variant-numeric:tabular-nums;font-size:12px;line-height:28px}.timeline-row{height:32px;border-bottom:1px solid var(--hairline)}.timeline-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--paper-secondary)}.timeline-lane{position:relative;height:24px}.timeline-segment{position:absolute;top:0;height:24px;padding-inline:var(--space-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:24px;border-radius:var(--radius-dense)}.timeline-segment.programme{background:var(--raised);border-inline:1px solid var(--hairline);color:var(--ink)}.timeline-segment.gap{background:repeating-linear-gradient(135deg,rgb(242 160 61 / 32%) 0 6px,transparent 6px 12px);border:1px solid var(--fault)}.timeline-marker{position:absolute;top:0;transform:translate(-50%);z-index:1;color:var(--fault);font-size:12px;line-height:24px;cursor:help}.timeline-body{position:relative}.timeline-playhead-layer{position:absolute;top:0;right:0;bottom:0;left:0;align-items:stretch;pointer-events:none;z-index:3}.timeline-playhead-lane{position:relative}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--tally)}.timeline-empty{padding:var(--space-6) var(--space-4);color:var(--paper-secondary)}.channels{display:grid;gap:var(--space-6);height:100%;padding:var(--space-4);overflow-y:auto;align-content:start}.channels h2{margin:0 0 var(--space-3);font-size:15px;font-weight:600}.channels-form,.channels-plan{padding:var(--space-4);background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-panel)}.channels-fields{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.channels-fields label{display:grid;gap:var(--space-1);color:var(--paper-secondary);font-size:12px}.channels-fields input,.channels-fields select{padding:var(--space-1) var(--space-2);background:var(--surface);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-control);font:inherit;font-size:14px}.channels-fields input[name=name]{min-width:220px}.channels button{padding:var(--space-2) var(--space-4);background:var(--cue);color:var(--studio);border:0;border-radius:var(--radius-control);font:inherit;font-weight:600;cursor:pointer}.channels-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.channels-note{margin:var(--space-2) 0 0;color:var(--paper-secondary);font-size:13px}.channels-state{margin:0 0 var(--space-2);color:var(--paper-secondary)}.channels-capacity{margin:0 0 var(--space-2)}.channels-warning{margin:0 0 var(--space-2);padding-inline-start:var(--space-3);border-inline-start:2px solid var(--fault);color:var(--paper-secondary);font-size:13px}.channels-error{margin:0;padding:var(--space-2) var(--space-3);background:var(--fault);color:var(--studio);border-radius:var(--radius-control);font-weight:600}.channels details{margin-bottom:var(--space-2);color:var(--paper-secondary)}.channels details ul{margin:var(--space-2) 0 0;padding-inline-start:var(--space-4)}.channels table{width:100%;border-collapse:collapse}.channels th{padding:var(--space-2) var(--space-3);text-align:start;color:var(--paper-secondary);font-weight:500;border-bottom:1px solid var(--hairline)}.channels td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--hairline);border-radius:var(--radius-dense)}.channels .glyph{font-size:12px;line-height:1}.channels-bar{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--raised);border:1px solid var(--cue);border-radius:var(--radius-panel)}.channels-bar input{flex:1;padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-control);font:inherit;font-size:15px}.channels-rationale{margin:0 0 var(--space-3);padding-inline-start:var(--space-4);color:var(--ink)}.channels-rationale li{margin-bottom:var(--space-1)}.channels pre{margin:0;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-control);font-family:var(--font-figures);font-size:13px;overflow-x:auto}.channels .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.login{display:grid;min-height:100dvh;padding:var(--space-6) var(--space-4);place-items:center;background:radial-gradient(60rem 40rem at 50% -10%,color-mix(in srgb,var(--brand-fill) 22%,transparent),transparent),var(--surface)}.login-card{display:flex;flex-direction:column;gap:var(--space-6);width:min(420px,100%);padding:var(--space-8) var(--space-6);background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-panel);box-shadow:var(--shadow-overlay)}.login-logo{align-self:flex-start}.login-logo .logo-mark{width:40px;height:40px}.login-logo .logo-word{height:24px}.login-card h2{margin:0 0 var(--space-1);font-size:var(--text-display);line-height:var(--line-display)}.login-card p{margin:0}.login-card .btn-primary{width:100%}.login-switch{align-self:center}.login-forgot{align-self:flex-end;margin-top:calc(var(--space-2) * -1)}.password{position:relative;display:flex}.password input{flex:1;min-width:0;padding-right:76px}.password-toggle{position:absolute;top:4px;right:4px;bottom:4px;min-width:60px;padding:0 var(--space-3);font:inherit;font-size:var(--text-dense);font-weight:var(--weight-medium);color:var(--paper-secondary);cursor:pointer;background:transparent;border:0;border-radius:var(--radius-control)}.password-toggle:hover{color:var(--ink);background:var(--hairline)}.login-card h2:focus{outline:none}:root{--fx-backdrop: radial-gradient(1200px 600px at 85% -10%, rgb(109 85 245 / 18%), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgb(47 175 200 / 10%), transparent 60%);--fx-glass: linear-gradient(160deg, rgb(255 255 255 / 4.5%), rgb(255 255 255 / 1.5%));--fx-edge: rgb(155 140 255 / 16%);--fx-glow: 0 0 0 1px rgb(155 140 255 / 10%), 0 8px 32px rgb(0 0 0 / 35%);--fx-glow-strong: 0 0 18px rgb(109 85 245 / 45%);--fx-blur: blur(14px)}:root[data-theme=light]{--fx-backdrop: none;--fx-glass: none;--fx-edge: var(--hairline);--fx-glow: none;--fx-glow-strong: none;--fx-blur: none}@media(prefers-color-scheme:light){:root[data-theme=auto]{--fx-backdrop: none;--fx-glass: none;--fx-edge: var(--hairline);--fx-glow: none;--fx-glow-strong: none;--fx-blur: none}}body{background-image:var(--fx-backdrop);background-attachment:fixed}.sidebar{background:color-mix(in srgb,var(--raised) 70%,transparent);background-image:var(--fx-glass);border-right-color:var(--fx-edge);-webkit-backdrop-filter:var(--fx-blur);backdrop-filter:var(--fx-blur)}.nav-link{transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.nav-link[aria-current=page]{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-fill) 32%,transparent),color-mix(in srgb,var(--brand-fill) 6%,transparent))}.nav-link[aria-current=page] .icon{filter:drop-shadow(0 0 6px var(--brand))}.card,.srv-card{background-color:color-mix(in srgb,var(--raised) 75%,transparent);background-image:var(--fx-glass);border-color:var(--fx-edge);border-radius:14px;box-shadow:var(--fx-glow);-webkit-backdrop-filter:var(--fx-blur);backdrop-filter:var(--fx-blur)}.btn-primary{background-image:linear-gradient(135deg,var(--brand-fill),color-mix(in srgb,var(--brand-fill) 70%,#3fb8e0));box-shadow:var(--fx-glow-strong)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{box-shadow:var(--fx-glow-strong)}h1{letter-spacing:-.01em}