:root{--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Liberation Sans", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.875rem;--fs-lg:1rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-time:1.125rem;--lh:1.45;--lh-tight:1.25;--fw-medium:500;--fw-bold:600;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-xs:3px;--r-sm:4px;--r-md:6px;--r-lg:10px;--r-pill:999px;--ctl-h:32px;--ctl-h-sm:28px;--ctl-h-lg:40px;--icon:18px;--top-h:48px;--nav-w:216px;--nav-w-mini:56px;--z-tile:1;--z-tile-msg:2;--z-sticky:10;--z-nav:20;--z-top:30;--z-popover:40;--z-toast:50;--dur-1:.1s;--dur-2:.16s;--dur-3:.24s;--ease:cubic-bezier(.2, 0, 0, 1)}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s}}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1013;--surface-1:#15181d;--surface-2:#1b1f25;--surface-3:#242931;--field-bg:#111418;--border:#2a3038;--border-strong:#6b7583;--text:#e7eaee;--text-2:#b3bbc5;--text-muted:#8f98a3;--accent:#6aa7ff;--accent-bg:#2f6fd8;--accent-bg-hover:#255fc0;--on-accent:#fff;--accent-soft:#6aa7ff29;--focus:#6aa7ff;--st-online:#45c873;--st-online-bg:#45c87324;--st-rec:var(--st-online);--st-rec-bg:var(--st-online-bg);--st-motion:#f06fd0;--st-motion-bg:#f06fd024;--st-offline:#ff6b63;--st-offline-bg:#ff6b6324;--st-warn:#f2a640;--st-warn-bg:#f2a64024;--st-danger:#ff6b63;--st-danger-bg:#ff6b6324;--st-muted:#8f98a3;--st-muted-bg:#8f98a324;--danger-solid:#c9302c;--on-danger:#fff;--tl-bg:var(--surface-2);--tl-rec:#2f9a5c;--tl-gap:#8f98a373;--tl-deleted:#8f98a338;--tl-deleted-line:#b3bbc599;--tl-motion:#f06fd0;--tl-ev-offline:var(--st-offline);--tl-ev-warn:var(--st-warn);--tl-ev-note:var(--text-muted);--tl-future:#00000059;--tl-now:var(--accent);--tl-cursor:#f3f5f7;--tl-sel:var(--accent);--tl-tick:var(--text-2);--shadow-1:0 1px 2px #00000080;--shadow-2:0 4px 12px #00000073;--shadow-3:0 12px 32px #0000008c;--backdrop:#0009}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f3;--surface-1:#fff;--surface-2:#f6f7f9;--surface-3:#e9ecf0;--field-bg:#fff;--border:#d9dde3;--border-strong:#7d8692;--text:#14181d;--text-2:#454e59;--text-muted:#5c6570;--accent:#1a58c2;--accent-bg:#1a58c2;--accent-bg-hover:#154aa6;--on-accent:#fff;--accent-soft:#1a58c21a;--focus:#1a58c2;--st-online:#126b34;--st-online-bg:#126b3417;--st-rec:var(--st-online);--st-rec-bg:var(--st-online-bg);--st-motion:#a3268a;--st-motion-bg:#a3268a17;--st-offline:#b8261c;--st-offline-bg:#b8261c17;--st-warn:#8f4f00;--st-warn-bg:#8f4f0017;--st-danger:#b8261c;--st-danger-bg:#b8261c17;--st-muted:#5c6570;--st-muted-bg:#5c65701a;--danger-solid:#b8261c;--on-danger:#fff;--tl-rec:#3a9a5e;--tl-gap:#5c657073;--tl-deleted:#5c657029;--tl-deleted-line:#454e598c;--tl-motion:#a3268a;--tl-future:#14181d14;--tl-cursor:#14181d;--shadow-1:0 1px 2px #10182814;--shadow-2:0 4px 12px #1018281a;--shadow-3:0 12px 32px #1018282e;--backdrop:#0f141973}:root{--video-bg:#000;--ov-bg:#080a0cb8;--ov-text:#f3f5f7;--ov-line:#ffffff59;--ov-online:#4ade80;--ov-rec:var(--ov-online);--ov-motion:#ff8ae4;--ov-warn:#ffb547;--ov-danger:#ff8f86}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);line-height:var(--lh);margin:0}h1{margin:0 0 var(--sp-3);font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-tight)}h2{margin:var(--sp-6) 0 var(--sp-3);font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--lh-tight)}h1[tabindex="-1"]:focus{outline:none}p{margin:0 0 var(--sp-3)}ul{margin:0 0 var(--sp-3);padding-left:var(--sp-5)}a{color:var(--accent);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}code{font-family:var(--font-mono);font-size:.92em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--accent-soft)}.muted{color:var(--text-muted)}.small{font-size:var(--fs-sm)}.nowrap{white-space:nowrap}.num,.clock,time{font-variant-numeric:tabular-nums}.bad,.alert-text{color:var(--st-danger)}.spacer{flex:auto}.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}.skip-link{left:var(--sp-2);top:calc(-1 * var(--ctl-h-lg));z-index:var(--z-toast);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--accent-bg);color:var(--on-accent);position:absolute}.skip-link:focus{top:var(--sp-2)}.icon{width:var(--icon);height:var(--icon);fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.app{height:100vh;grid-template-columns:var(--nav-w) minmax(0, 1fr);grid-template-rows:var(--top-h) minmax(0, 1fr);grid-template-areas:"top top""nav main";height:100dvh;display:grid}.app.nav-collapsed{--nav-w:var(--nav-w-mini)}.app.no-nav{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main"}.app-top{z-index:var(--z-top);align-items:center;gap:var(--sp-2);min-width:0;padding:0 var(--sp-3) 0 var(--sp-2);background:var(--surface-1);border-bottom:1px solid var(--border);grid-area:top;display:flex;position:relative}.brand{align-items:center;gap:var(--sp-2);min-width:0;color:var(--text);letter-spacing:.01em;margin-right:auto;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:24px;height:24px}.brand-mark .bm-bg{fill:var(--accent-bg)}.brand-mark .bm-ring{fill:none;stroke:var(--on-accent);stroke-width:2px}.brand-mark .bm-dot{fill:var(--on-accent)}.clock{color:var(--text-2);font-size:var(--fs-sm);white-space:nowrap}.clock strong{color:var(--text);font-size:var(--fs-md);font-weight:var(--fw-bold)}.top-sep{background:var(--border);flex:none;width:1px;height:24px}.user{min-width:0;padding:2px var(--sp-2);border-radius:var(--r-md);color:var(--text);font-size:var(--fs-sm);flex-direction:column;line-height:1.2;text-decoration:none;display:flex}.user:hover{background:var(--surface-3)}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:14em;overflow:hidden}.user-role{color:var(--text-muted);font-size:var(--fs-xs)}.app-nav{min-height:0;padding:var(--sp-2);background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;grid-area:nav;display:flex;overflow:hidden auto}.nav{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-group{margin:var(--sp-4) var(--sp-3) var(--sp-1);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap}.nav-group:first-child{margin-top:var(--sp-1)}.nav-item{align-items:center;gap:var(--sp-3);height:36px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--text-2);font-weight:var(--fw-medium);white-space:nowrap;transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--text)}.nav-item[aria-current=page]:before{content:"";left:calc(-1 * var(--sp-2));background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px}.nav-item[aria-current=page] .icon{color:var(--accent)}.nav-label{text-overflow:ellipsis;overflow:hidden}.app.nav-collapsed .nav-item{justify-content:center;padding:0}.app.nav-collapsed .nav-label,.app.nav-collapsed .nav-group-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app.nav-collapsed .nav-group{height:1px;margin:var(--sp-2) var(--sp-2);background:var(--border)}.app.nav-collapsed .nav-group:first-child{display:none}.nav-foot{padding:var(--sp-3) var(--sp-3) var(--sp-1);border-top:1px solid var(--border);margin-top:auto;display:none}.nav-foot-label{margin-bottom:var(--sp-2);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.app-main{min-width:0;padding:var(--sp-4) var(--sp-5) var(--sp-6);scrollbar-gutter:stable;grid-area:main;position:relative;overflow:auto}.nav-backdrop{display:none}@media (max-width:767px){.app,.app.nav-collapsed{--nav-w:248px;grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main"}.app-nav{top:var(--top-h);z-index:var(--z-nav);width:var(--nav-w);transition:transform var(--dur-3) var(--ease);box-shadow:var(--shadow-3);position:fixed;bottom:0;left:0;transform:translate(-100%)}.app.nav-open .app-nav{transform:none}.app.nav-open .nav-backdrop{inset:var(--top-h) 0 0 0;z-index:calc(var(--z-nav) - 1);background:var(--backdrop);display:block;position:fixed}.app.nav-collapsed .nav-item{padding:0 var(--sp-3);justify-content:flex-start}.app.nav-collapsed .nav-label,.app.nav-collapsed .nav-group-label{clip:auto;width:auto;height:auto;position:static}.app.nav-collapsed .nav-group{height:auto;margin:var(--sp-4) var(--sp-3) var(--sp-1);background:0 0}.app.nav-collapsed .nav-group:first-child{margin-top:var(--sp-1);display:block}.app-main{padding:var(--sp-3)}}@media (max-width:900px){.hide-sm,.clock-date,.user-role{display:none}}@media (max-width:599px){.brand-text,.top-sep,.app-top .theme-switch{display:none}.nav-foot{display:block}.user-name{max-width:7em}}.auth{min-height:100vh;min-height:100dvh;padding:var(--sp-6) var(--sp-4);place-items:center;display:grid}.auth-card{width:min(380px,100%);padding:var(--sp-8) var(--sp-6) var(--sp-6);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.auth-brand{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);display:flex}.auth-brand .brand-mark{width:40px;height:40px}.auth-name{font-size:var(--fs-2xl);font-weight:700;line-height:1.1}.auth-card h1{margin-bottom:var(--sp-4);font-size:var(--fs-lg)}.auth-card .form{gap:var(--sp-4)}.auth-card input:not([type=checkbox]){height:var(--ctl-h-lg)}.auth-card button[type=submit]{width:100%;height:var(--ctl-h-lg)}.auth-foot{margin:var(--sp-5) 0 0;text-align:center}button,.button{justify-content:center;align-items:center;gap:var(--sp-2);height:var(--ctl-h);padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font:inherit;font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);line-height:1;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--surface-3);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}button.primary,.button.primary{background:var(--accent-bg);border-color:var(--accent-bg);color:var(--on-accent)}button.primary:hover,.button.primary:hover{background:var(--accent-bg-hover);border-color:var(--accent-bg-hover)}button.danger,.button.danger{color:var(--st-danger);background:0 0;border-color:currentColor}button.danger:hover,.button.danger:hover{background:var(--st-danger-bg)}.dialog button.danger,button.danger.solid{background:var(--danger-solid);border-color:var(--danger-solid);color:var(--on-danger)}button.ghost,.button.ghost,.panel-head>button:last-child{background:0 0;border-color:#0000}button.ghost:hover,.button.ghost:hover,.panel-head>button:last-child:hover{background:var(--surface-3)}.icon-btn{width:var(--ctl-h);padding:0}button.small,.button.small{height:var(--ctl-h-sm);padding:0 var(--sp-2);font-size:var(--fs-sm)}button.small.icon-btn{width:var(--ctl-h-sm)}.seg{display:inline-flex}.seg>button{border-radius:0;margin-left:-1px}.seg>button:first-child{border-radius:var(--r-md) 0 0 var(--r-md);margin-left:0}.seg>button:last-child{border-radius:0 var(--r-md) var(--r-md) 0}.seg>button[aria-pressed=true]{z-index:1;background:var(--accent-bg);border-color:var(--accent-bg);color:var(--on-accent);position:relative}.seg>button:focus-visible{z-index:2}.seg-icons>button{width:var(--ctl-h-sm);height:var(--ctl-h-sm);padding:0}.seg-icons .icon{width:16px;height:16px}.toolbar{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}td.actions{display:table-cell}td.actions>*{margin:0 var(--sp-1) var(--sp-1) 0}.grid td button,.grid td .button{height:var(--ctl-h-sm);padding:0 var(--sp-2);font-size:var(--fs-sm)}.form{gap:var(--sp-3);flex-direction:column;display:flex}.form.narrow{max-width:360px}.form.row{flex-flow:wrap;align-items:flex-start}.form.row>button,.form.row>.button,.form.row>.actions,.form.row>.checkbox{margin-top:calc(20px + var(--sp-1))}.form.row>.checkbox{min-height:var(--ctl-h)}.app-main>.form.narrow{padding:var(--sp-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg)}.app-main>.form.row,.app-main>section:not(.panel)>.form.row{margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg)}.field{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.field>label,.field>.label,.inline-field{color:var(--text-2);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.field>label,.field>.label{line-height:20px}.field small{color:var(--text-muted);font-size:var(--fs-xs)}.inline-field{align-items:center;gap:var(--sp-2);display:inline-flex}input:not([type=checkbox]):not([type=radio]),select,textarea{height:var(--ctl-h);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--field-bg);min-width:0;color:var(--text);font:inherit;transition:border-color var(--dur-1) var(--ease);padding:0 10px}textarea{resize:vertical;height:auto;min-height:64px;padding:6px 10px}input:hover,select:hover,textarea:hover{border-color:var(--text-muted)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);outline-offset:0}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input[readonly]{background:var(--surface-2)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}fieldset:disabled .field{opacity:.6}.secret{width:100%;height:var(--ctl-h-lg);font-family:var(--font-mono);font-size:var(--fs-time);letter-spacing:.04em}.note-input{width:100%;max-width:560px;min-height:2.6em}.panel dl{gap:2px var(--sp-3);margin:0 0 var(--sp-3);grid-template-columns:max-content minmax(0,1fr);display:grid}.panel dt{color:var(--text-2)}.panel dd{margin:0}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--st-danger)}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--accent-bg);margin:0}.checkbox{align-items:center;gap:var(--sp-2);margin:0;display:inline-flex}.checkbox label,.radio-row label{cursor:pointer}.radio-row{gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.cam-pick{gap:var(--sp-2);display:grid}input[type=checkbox].switch{appearance:none;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border-strong);cursor:pointer;width:32px;height:18px;transition:background-color var(--dur-2) var(--ease);flex:none;position:relative}input[type=checkbox].switch:before{content:"";background:var(--text-2);width:12px;height:12px;transition:transform var(--dur-2) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}input[type=checkbox].switch:checked{background:var(--accent-bg);border-color:var(--accent-bg)}input[type=checkbox].switch:checked:before{background:var(--on-accent);transform:translate(14px)}fieldset{min-width:0;padding:var(--sp-2) var(--sp-4) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);margin:0}fieldset legend{padding:0 var(--sp-1);color:var(--text-2);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.chips{gap:var(--sp-1);flex-wrap:wrap;display:flex}.chip{max-width:100%;min-height:22px;padding:3px var(--sp-2);background:var(--st-muted-bg);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-medium);border:1px solid #0000;border-radius:11px;align-items:center;gap:6px;line-height:1.2;display:inline-flex}.chip:before{content:"";border:1.5px solid;border-radius:50%;flex:none;width:8px;height:8px}.tone-ok{color:var(--st-online)}.tone-rec{color:var(--st-rec)}.tone-accent{color:var(--st-motion)}.tone-warn{color:var(--st-warn)}.tone-bad{color:var(--st-danger)}.tone-muted{color:var(--text-muted)}.chip.tone-ok{background:var(--st-online-bg)}.chip.tone-ok:before{background:currentColor;border:0}.chip.tone-rec{background:var(--st-rec-bg)}.chip.tone-rec:before{background:radial-gradient(circle,currentColor 0 2.5px,#0000 3px);width:10px;height:10px}.chip.tone-accent{background:var(--st-motion-bg)}.chip.tone-accent:before{background:currentColor;border:0;border-radius:1px;width:7px;height:7px;transform:rotate(45deg)}.chip.tone-warn{background:var(--st-warn-bg)}.chip.tone-warn:before{clip-path:polygon(50% 0,100% 100%,0 100%);background:currentColor;border:0;border-radius:0;width:10px;height:9px}.chip.tone-bad{background:var(--st-danger-bg)}.chip.tone-bad:before{background:currentColor;border:0;border-radius:1px}.badge{border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);vertical-align:1px;margin-left:6px;padding:0 6px;display:inline-block}.table-wrap{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto}.grid{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.grid th,.grid td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.grid thead th{background:var(--surface-2);color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap}.grid thead th:first-child{border-top-left-radius:var(--r-lg)}.grid thead th:last-child{border-top-right-radius:var(--r-lg)}.grid tbody th{font-weight:var(--fw-bold)}.grid tbody tr:last-child>*{border-bottom:0}.grid tbody tr:hover>*{background:var(--surface-2)}.grid tr.dim>*{color:var(--text-muted)}.grid td[colspan].muted{padding:var(--sp-6) var(--sp-3);text-align:center}.grid .details code{color:var(--text-2);font-size:var(--fs-xs);word-break:break-all}.grid select{height:var(--ctl-h-sm)}.grid td.pick{text-align:center;vertical-align:middle}.ua{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.err-text{max-width:320px;color:var(--st-danger);font-size:var(--fs-xs);word-break:break-word}.note-cell{white-space:pre-wrap;overflow-wrap:anywhere;max-width:280px}.exports .files-row>td{padding-top:0}.files{padding:0 0 0 var(--sp-3);border-left:3px solid var(--border-strong);margin:0;list-style:none}.files li{align-items:center;gap:var(--sp-1) var(--sp-4);padding:var(--sp-1) 0;flex-wrap:wrap;display:flex}.files .sha code{color:var(--text-2);font-size:var(--fs-xs);word-break:break-all}.live-head{justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-4);min-height:var(--ctl-h);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.live-head h1{margin:0}.head-main{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.panel{margin-top:var(--sp-4);padding:var(--sp-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg)}.panel-head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.panel-head h2{margin:0}.live-head h1,.panel-head h2{overflow-wrap:anywhere;min-width:0}.pager{align-items:center;gap:var(--sp-2);font-variant-numeric:tabular-nums;display:inline-flex}.hold-form{max-width:560px;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border)}.note,.alert,.warn-box,p.ok{margin:0 0 var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-2) calc(var(--sp-3) + 16px);border-radius:var(--r-md);color:var(--text);border:1px solid;border-left-width:3px;position:relative}.note:before,.alert:before,.warn-box:before,p.ok:before{content:"";left:var(--sp-3);top:calc(var(--sp-2) + .36em);background:currentColor;width:9px;height:9px;position:absolute}.note{background:var(--accent-soft);border-color:var(--accent)}.note:before{color:var(--accent);background:0 0;border:1.5px solid;border-radius:50%}.alert{background:var(--st-danger-bg);border-color:var(--st-danger)}.alert:before{color:var(--st-danger);border-radius:1px}.warn-box{background:var(--st-warn-bg);border-color:var(--st-warn)}.warn-box:before{color:var(--st-warn);clip-path:polygon(50% 0,100% 100%,0 100%);width:10px}p.ok{background:var(--st-online-bg);border-color:var(--st-online)}p.ok:before{color:var(--st-online);border-radius:50%}.note>button,.alert>button,.warn-box>button{height:var(--ctl-h-sm);margin-left:var(--sp-2);vertical-align:middle}.dialog{width:min(440px,100vw - 32px);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-3)}.dialog[open]{animation:dlg-in var(--dur-2) var(--ease)}.dialog::backdrop{background:var(--backdrop)}.dialog h2{margin:0 0 var(--sp-2)}.dialog p{color:var(--text-2)}.dialog .actions{margin-top:var(--sp-4);justify-content:flex-end}@keyframes dlg-in{0%{opacity:0;transform:translateY(6px)}}.empty{justify-items:center;gap:var(--sp-2);padding:var(--sp-10) var(--sp-4);text-align:center;background:var(--surface-1);border:1px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--text-muted);display:grid}.empty .icon{width:32px;height:32px;color:var(--text-muted)}.empty strong{color:var(--text);font-size:var(--fs-lg)}.empty p{max-width:460px;margin:0}@media (forced-colors:active){.chip:before,.tile-msg:before,.note:before,.alert:before,.warn-box:before,p.ok:before,.nav-item[aria-current=page]:before,.switch:before,.sw,.tl-canvas{forced-color-adjust:none}.chip:before,.tile-msg:before,.note:before,.alert:before,.warn-box:before,p.ok:before{color:canvastext!important}.switch:before{background:canvastext}.nav-item[aria-current=page]:before,.switch:checked:before{background:highlight}.seg>button[aria-pressed=true],button[aria-pressed=true]{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.nav-item[aria-current=page]{outline-offset:-2px;outline:2px solid highlight}.chip,.tile-title,.tile-lat{border:1px solid canvastext}}.fit{flex-direction:column;height:100%;display:flex;container-type:inline-size}.fit>*{flex:none}.fit>.fit-video{flex:0 56.25cqw;min-height:200px;container-type:size}.fit-video>.tile{width:min(100%, 100cqh * (var(--ar,16 / 9)));margin-inline:auto}.fit-video>.live-grid{max-width:calc((100cqh - (var(--cols) - 1) * var(--gap)) * 16 / 9 + (var(--cols) - 1) * var(--gap))}.live-grid{--cols:1;--gap:4px;gap:var(--gap);grid-template-columns:repeat(var(--cols), minmax(0, 1fr));width:100%;margin-inline:auto;display:grid}.live-grid.cols-2{--cols:2}.live-grid.cols-3{--cols:3}.live-cell{border-radius:var(--r-md);min-width:0;position:relative}.live-cell:hover:after{content:"";z-index:3;pointer-events:none;border:1px solid var(--ov-line);border-radius:var(--r-md);position:absolute;inset:0}.tile{aspect-ratio:16/9;border-radius:var(--r-md);background:var(--video-bg);color:var(--ov-text);position:relative;overflow:hidden;container-type:inline-size}.tile-video{object-fit:contain;background:var(--video-bg);transform-origin:0 0;width:100%;height:100%;position:absolute;inset:0}.tile.is-zoomed{cursor:grab;touch-action:none}.tile.is-dragging{cursor:grabbing}.tile.is-dragging .tile-video{will-change:transform}.zoom-ctl{right:var(--sp-2);bottom:var(--sp-2);z-index:var(--z-tile);align-items:center;gap:var(--sp-1);border-radius:var(--r-pill);background:var(--ov-bg);color:var(--ov-text);cursor:default;padding:2px;display:inline-flex;position:absolute}.zoom-val{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;padding:0 6px}.zoom-reset{height:20px;min-height:20px;padding:0 var(--sp-2);border:1px solid var(--ov-line);border-radius:var(--r-pill);color:var(--ov-text);font-size:var(--fs-xs);font-weight:var(--fw-bold);background:0 0}.zoom-reset:hover{background:#ffffff1f}.tile.is-motion:after{content:"";z-index:var(--z-tile);pointer-events:none;border:2px solid var(--ov-motion);border-radius:inherit;position:absolute;inset:0}.tile-bar{z-index:var(--z-tile);align-items:center;gap:var(--sp-1) 6px;padding:6px var(--sp-2) 16px;background:linear-gradient(#000000b3,#0000);flex-wrap:wrap;display:flex;position:absolute;top:0;left:0;right:0}.tile-title{min-width:0;max-width:100%;height:20px;padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--ov-bg);color:var(--ov-text);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;line-height:20px;text-decoration:none;overflow:hidden}a.tile-title:hover{text-decoration:underline}.tile .chip{background:var(--ov-bg);min-height:20px;color:var(--ov-text);white-space:nowrap;padding-block:0}.tile .chip.tone-ok:before{color:var(--ov-online)}.tile .chip.tone-rec:before{color:var(--ov-rec)}.tile .chip.tone-accent:before{color:var(--ov-motion)}.tile .chip.tone-warn:before{color:var(--ov-warn)}.tile .chip.tone-bad:before{color:var(--ov-danger)}.tile .chip.tone-muted:before{color:var(--ov-text)}.tile-lat{height:20px;padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--ov-bg);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;align-items:center;margin-left:auto;display:inline-flex}@container (width<=380px){.tile .chip:not(.tone-bad):not(.tone-warn) .chip-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tile .chip:not(.tone-bad):not(.tone-warn){padding:0 6px}.tile-msg{padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs)}}.tile-msg{z-index:var(--z-tile-msg);max-width:90%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--ov-bg);color:var(--ov-text);font-size:var(--fs-sm);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tile-msg:before{content:"";border:1.5px solid var(--ov-text);border-radius:50%;flex:none;width:9px;height:9px}.tile-msg.tone-bad:before{background:var(--ov-danger);border:0;border-radius:1px}.tile-msg.tone-warn:before{background:var(--ov-warn);clip-path:polygon(50% 0,100% 100%,0 100%);border:0;width:10px}.tile button,.tile .button{border-color:var(--ov-line);background:var(--ov-bg);color:var(--ov-text)}.tile button:hover,.tile .button:hover{border-color:var(--ov-text);background:#080a0ce6}.tile-play{z-index:var(--z-tile-msg);background:var(--ov-bg);border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tile.empty{color:var(--text-muted);border:1px dashed var(--border-strong);font-size:var(--fs-sm);background:0 0;place-items:center;display:grid}.live-one{width:100%}.live-one:fullscreen{background:#000;justify-content:center;align-items:center;max-width:none;display:flex}.live-one:fullscreen .tile{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.arch-player{width:100%}.arch-pp{min-width:var(--ctl-h)}.player-bar{margin-top:var(--sp-2);padding:6px var(--sp-2);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg)}.arch-time{margin:0 var(--sp-2);font-size:var(--fs-time);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.arch-time .muted{font-size:var(--fs-sm);font-weight:400}.tl{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg)}.tl-bar{align-items:center;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.tl-level{min-width:3.5em;color:var(--text-2);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.tl-range{color:var(--text-muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;margin-left:auto}.tl-err{margin:0 0 var(--sp-2);color:var(--st-danger);font-size:var(--fs-sm)}.tl-wrap{width:100%;position:relative}.tl-canvas{border-radius:var(--r-md);background:var(--tl-bg);width:100%;height:88px;color:var(--tl-tick);cursor:grab;touch-action:none;display:block}.tl-canvas:active{cursor:grabbing}.tl-canvas.selecting{cursor:crosshair}.tl-canvas.at-pos,.tl-canvas.at-pos:active{cursor:ew-resize}.tl-thumb{z-index:var(--z-popover);pointer-events:none;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);width:240px;box-shadow:var(--shadow-2);padding:4px;position:absolute;bottom:calc(100% + 6px)}.tl-thumb-img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm);background:var(--video-bg);width:100%;display:block}.tl-thumb-time{color:var(--text-2);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:center;margin-top:3px;display:block}.cal{position:relative}.cal-pop{z-index:var(--z-popover);width:292px;padding:var(--sp-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);position:absolute;top:calc(100% + 4px);right:0}.cal-head{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.cal-title{font-weight:var(--fw-bold)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-wd{color:var(--text-muted);font-size:var(--fs-xs);text-align:center;padding:2px 0}.cal-day{font-variant-numeric:tabular-nums;background:0 0;border-color:#0000;min-width:0;height:34px;padding:0;position:relative}.cal-day.is-out{color:var(--text-muted)}.cal-day.has-rec{font-weight:var(--fw-bold)}.cal-day.has-rec:after{content:"";background:var(--tl-rec);border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.cal-day.is-today{border-color:var(--border)}.cal-day.is-sel{border-color:var(--accent)}.cal-day:disabled{opacity:.4}.cal-foot{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.cal-legend{margin:var(--sp-2) 0 0;color:var(--text-2);font-size:var(--fs-xs);align-items:center;gap:6px;display:flex}.cal-mark{background:var(--tl-rec);border-radius:50%;width:7px;height:7px}.cal-err{margin:var(--sp-2) 0 0;color:var(--st-danger);font-size:var(--fs-sm)}@media (max-width:480px){.cal-pop{position:fixed;top:64px;left:50%;right:auto;transform:translate(-50%)}}.tile-preview{object-fit:contain;background:var(--video-bg);width:100%;height:100%;position:absolute;inset:0}.tl-hover{min-height:1.45em;color:var(--text-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;margin:6px 0 0}.tl-legend{gap:var(--sp-1) var(--sp-4);margin:var(--sp-2) 0 0;padding:var(--sp-2) 0 0;border-top:1px solid var(--border);color:var(--text-2);font-size:var(--fs-xs);flex-wrap:wrap;list-style:none;display:flex}.tl-legend li{align-items:center;gap:6px;display:inline-flex}.sw{border-radius:2px;width:16px;height:10px;display:inline-block}.sw-rec{background:var(--tl-rec)}.sw-gap{background:repeating-linear-gradient(135deg, var(--tl-gap) 0 1.5px, transparent 1.5px 5px);box-shadow:inset 0 0 0 1px var(--border)}.sw-del{background:repeating-linear-gradient(135deg, var(--tl-deleted-line) 0 1px, var(--tl-deleted) 1px 4px)}.sw-motion{background:var(--tl-motion);height:5px}.sw-ev-bad{background:var(--tl-ev-offline);height:7px}.sw-ev-warn{background:var(--tl-ev-warn);height:7px}.sw-ev-hatch{background:repeating-linear-gradient(135deg, var(--tl-ev-warn) 0 1.5px, transparent 1.5px 4px);height:7px}.sw-ev-note{background:var(--tl-ev-note);height:7px}.sw-now{background:repeating-linear-gradient(var(--tl-now) 0 3px, transparent 3px 5px);border-radius:0;width:2px;height:14px}.sw-cursor{background:var(--tl-cursor);border-radius:0;width:2px;height:14px}.sys-cols{align-items:flex-start;gap:var(--sp-3) var(--sp-6);flex-wrap:wrap;display:flex}.sys-cols>*{flex:320px;min-width:0}.grid.sys-kv{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);width:auto}.grid.sys-kv thead th{white-space:normal}.sys-kv th[scope=row]{color:var(--text-2);font-weight:400}.sys-list{margin:var(--sp-2) 0;padding-left:var(--sp-5)}.sys-list ul{padding-left:var(--sp-4);margin:2px 0}