@font-face{font-family:AppFont;src:url(/font.ttf) format("truetype");font-weight:400 700;font-display:swap}:root{font-family:AppFont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color-scheme:dark;--bg: #0b1120;--surface: #111c2e;--surface-2: #192840;--surface-3: #243254;--text: #dce8f5;--muted: #7a96b5;--border: #1e3050;--border-mid: #2a4060;--field: rgba(255,255,255,.05);--accent: #22c55e;--accent-fg: #000;--accent-dim: rgba(34, 197, 94, .12);--error: #f87171;--error-bg: rgba(248, 113, 113, .1);--warn: #fbbf24;--warn-bg: rgba(251, 191, 36, .1);--r: 5px;--sidebar-w: 256px;--topbar-h: 58px}.app--light{color-scheme:light;--bg: #f3f7fb;--surface: #ffffff;--surface-2: #eaf0f8;--surface-3: #dce6f2;--text: #0c1828;--muted: #527090;--border: #ccd8e8;--border-mid: #b2c4d8;--field: rgba(0,0,0,.04);--accent: #16a34a;--accent-fg: #fff;--accent-dim: rgba(22,163,74,.1);--error: #dc2626;--error-bg: rgba(220,38,38,.08);--warn: #d97706;--warn-bg: rgba(217,119,6,.08)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);min-width:320px;color:var(--text)}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,h4{margin:0;font-weight:500}a{color:var(--accent);text-decoration:none}.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.app--sidebar-collapsed{--sidebar-w: 52px}.sidebar{background:#070d18;color:#dce8f5;border-right:1px solid #15253a;display:flex;flex-direction:column;gap:0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-top{padding:20px 16px 16px;border-bottom:1px solid #15253a}.brand{display:flex;gap:12px;align-items:center}.brand__logo{width:120px;height:32px;object-fit:contain;flex-shrink:0}.brand__logo--icon{width:36px;height:36px;object-fit:contain}.brand strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#dce8f5}.brand span{display:block;font-size:11px;color:#7a96b5}.account{margin-top:14px;padding:10px 12px;background:#ffffff0d;border-radius:var(--r);border:1px solid #1a2e48}.account strong{display:block;font-size:13px;color:#dce8f5}.account span{display:block;font-size:11px;color:#7a96b5;text-transform:uppercase;letter-spacing:.07em}.sidebar nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:2px}nav button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:var(--r);background:transparent;color:#7a96b5;cursor:pointer;font-size:13px;text-align:left;letter-spacing:.03em;transition:background .15s,color .15s,border-color .15s}nav button:hover{background:#ffffff0f;color:#dce8f5}nav button.active{background:var(--accent-dim);color:var(--accent);border-color:#22c55e4d}.sidebar-bottom{padding:8px;border-top:1px solid #15253a;display:flex;flex-direction:column;gap:2px}.sidebar-btn{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:var(--r);background:transparent;color:#7a96b5;cursor:pointer;font-size:13px;text-align:left;transition:background .15s,color .15s}.sidebar-btn:hover{background:#ffffff0f;color:#dce8f5}.sidebar-expand-btn{margin-top:auto}.app--sidebar-collapsed .sidebar-top{display:flex;padding:10px 0;align-items:center;justify-content:center}.app--sidebar-collapsed .sidebar{overflow:hidden}.app--sidebar-collapsed .nav-label{display:none}.app--sidebar-collapsed nav button{justify-content:center;padding:9px 0}.app--sidebar-collapsed .sidebar-btn{justify-content:center;padding:9px 0}.workspace{min-width:0;display:flex;flex-direction:column;background:var(--bg)}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.topbar h1{font-size:18px;font-weight:600;color:var(--text)}.topbar-meta{font-size:12px;color:var(--muted);margin-top:1px}.page-content{padding:24px;flex:1}.button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 14px;border-radius:var(--r);cursor:pointer;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg)}.button:hover:not(:disabled){background:transparent;color:var(--accent)}.ghost-button{border:1px solid var(--border-mid);background:transparent;color:var(--text)}.ghost-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ghost-button--danger:hover:not(:disabled){border-color:var(--error);color:var(--error)}.icon-button{width:32px;height:32px;border:1px solid var(--border-mid);border-radius:var(--r);display:inline-grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s;flex-shrink:0}.icon-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.icon-button--danger:hover:not(:disabled){border-color:var(--error);color:var(--error)}.segmented{display:inline-flex;border:1px solid var(--border-mid);border-radius:var(--r);overflow:hidden;flex-shrink:0}.segmented button{border:none;border-right:1px solid var(--border-mid);background:transparent;color:var(--muted);padding:6px 14px;font-size:13px;cursor:pointer;min-height:34px;transition:background .15s,color .15s}.segmented button:last-child{border-right:none}.segmented button.active,.segmented button:hover{background:var(--accent);color:var(--accent-fg)}.file-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 14px;border:1px solid var(--accent);border-radius:var(--r);background:var(--accent);color:var(--accent-fg);cursor:pointer;font-size:13px;font-weight:500;transition:background .15s,color .15s}.file-button:hover{background:transparent;color:var(--accent)}.file-button input{display:none}label{display:grid;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}input,select{width:100%;min-height:36px;border:1px solid var(--border-mid);border-radius:var(--r);background:var(--field);color:var(--text);padding:7px 10px;font-size:13px;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent);outline:none}input::placeholder{color:var(--muted)}select option{background:#192840;color:#dce8f5}.app--light select option{background:#fff;color:#0c1828}.checkbox-field{display:flex;align-items:center;gap:8px;align-self:end;min-height:36px;font-size:12px;color:var(--text)}.checkbox-field input{width:15px;min-height:15px;margin:0;accent-color:var(--accent)}.management-form,.inline-form{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;padding:16px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}.form-field--wide{grid-column:span 2}.form-actions{display:flex;align-items:end;justify-content:flex-end;gap:8px;grid-column:span 2}.toolbar{display:flex;align-items:end;justify-content:flex-end;gap:12px;flex-wrap:wrap}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-actions--left{justify-content:flex-start}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--r)}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:11px 13px;vertical-align:middle}th{background:var(--surface);color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;z-index:1}td{background:var(--surface);font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-2);cursor:pointer}td strong{display:block;font-weight:500}td span,td small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.url-cell{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:monospace;font-size:12px}.cam-thumb{width:56px;height:36px;object-fit:cover;border-radius:3px;background:var(--surface-2);display:block}.status{display:inline-flex;align-items:center;justify-content:center;padding:3px 9px;border-radius:100px;border:1px solid var(--border-mid);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap}.status--inprogress,.status--running,.status--started{border-color:#22c55e66;color:var(--accent);background:var(--accent-dim)}.status--misconfigured,.status--error,.status--disabled{border-color:#f8717166;color:var(--error);background:var(--error-bg)}.status--valid{border-color:#22c55e66;color:var(--accent);background:var(--accent-dim)}.status--invalid{border-color:#f8717166;color:var(--error);background:var(--error-bg)}.notice{padding:11px 14px;border-radius:var(--r);border:1px solid rgba(248,113,113,.4);background:var(--error-bg);color:var(--error);font-size:13px}.notice strong{display:block;font-weight:600;margin-bottom:3px}.notice span{display:block;font-size:12px;opacity:.85}.notice--inline{margin-bottom:0}.empty-state{padding:32px 20px;text-align:center;color:var(--muted);border:1px dashed var(--border-mid);border-radius:var(--r);font-size:13px}.empty-state strong{display:block;color:var(--text);margin-bottom:5px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.metric span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.metric strong{font-size:28px;font-weight:600;color:var(--text)}.management{display:grid;gap:16px}.vw{display:flex;flex-direction:column;min-height:calc(100vh - var(--topbar-h));border-top:1px solid var(--border);margin:-24px}.vw__layout-bar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.vw__lb-field{display:flex;flex-direction:column;gap:4px;min-width:120px}.vw__lb-field>span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.vw__lb-field--wide{min-width:220px;flex:1 1 220px;max-width:320px}.vw__lb-field--narrow{min-width:72px;width:72px}.vw__lb-field input,.vw__lb-field select{min-height:34px;font-size:13px}.vw__lb-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.vw__lb-info{font-size:12px;color:var(--muted);white-space:nowrap}.vw__aside{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.vw__section{padding:14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.vw__section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:2px}.vw__section--tree{flex:1;min-height:0;overflow-y:auto;padding:0;gap:0}.vw__section--tree.vw__section--collapsed{flex:0 0 auto;overflow-y:hidden}.vw__main{display:flex;flex-direction:column;min-width:0;background:var(--bg);position:relative}.vw__toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;flex-shrink:0}.vw__grid{flex:1;display:grid;gap:12px;padding:16px;align-content:start;overflow-y:auto}.vw__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:var(--muted);gap:8px;text-align:center}.vw__empty p{font-size:13px;margin:0}.cam-search{padding:10px 12px;border-bottom:1px solid var(--border)}.cam-search input{min-height:32px;font-size:13px}.cam-tree{padding-bottom:8px}.cam-tree__group-header{width:100%;display:flex;align-items:center;gap:7px;padding:8px 12px;background:none;border:none;color:var(--text);cursor:pointer;font-size:13px;font-weight:500;text-align:left;transition:background .12s}.cam-tree__group-header:hover{background:var(--surface-2)}.cam-tree__chevron{flex-shrink:0;color:var(--muted);transition:transform .2s}.cam-tree__chevron--open{transform:rotate(90deg)}.cam-tree__count{margin-left:auto;font-size:11px;color:var(--muted);background:var(--surface-2);padding:1px 7px;border-radius:10px}.cam-tree__item{width:100%;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 28px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;text-align:left;transition:background .12s,color .12s}.cam-tree__item:hover{background:var(--surface-2);color:var(--text)}.cam-tree__item--active{color:var(--accent)}.cam-tree__item--active .cam-tree__status{background:var(--accent)}.cam-tree__status{width:8px;height:8px;border-radius:50%;background:var(--border-mid);flex-shrink:0}.cam-tree__status--online,.cam-tree__status--recording,.cam-tree__status--running,.cam-tree__status--inprogress{background:var(--accent)}.cam-tree__status--offline,.cam-tree__status--error,.cam-tree__status--misconfigured{background:var(--error)}.cam-tree__status--unauthorized{background:#f59e0b}.cam-tree__item--active .cam-tree__status--offline{background:var(--error)}.cam-tree__item--active .cam-tree__status--unauthorized{background:#f59e0b}.cam-tree__item--offline .cam-tree__item-name{opacity:.55}.cam-tree__item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam-tree__check{color:var(--accent);flex-shrink:0}.wall-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;min-width:0}.wall-tile__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid var(--border);font-size:13px;font-weight:500}.wall-tile__footer{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--border);flex-wrap:wrap}.wall-tile__hint{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em;padding:6px 10px;border-top:1px solid var(--border)}.wall-tile__hint--ready{color:var(--fg);background:color-mix(in srgb,var(--accent) 8%,transparent);border-top-color:color-mix(in srgb,var(--accent) 30%,transparent);justify-content:space-between;position:relative}.wall-tile__hint--preparing{padding-bottom:9px}.wall-tile__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:color-mix(in srgb,var(--accent) 20%,transparent);overflow:hidden}.wall-tile__progress-bar{height:100%;width:40%;background:var(--accent);border-radius:0 2px 2px 0;animation:progress-slide 1.4s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-250%)}to{transform:translate(400%)}}.wall-tile__hint-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:0;font-size:11px;color:var(--muted)}.button--sm{padding:2px 8px;font-size:11px;gap:4px;flex-shrink:0}.button--ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.button--ghost:hover{background:var(--surface-raised);color:var(--fg)}.player{background:#000;min-width:0}.player__stage{position:relative;background:#000;width:100%;aspect-ratio:16 / 9}.player__stage video,.player__stage canvas,.player__empty{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.player__stage video{object-fit:contain}.player__stage canvas{z-index:2}.player__empty{display:grid;place-items:center;color:#ffffffb8;font-size:13px}.player__bar{display:flex;align-items:center;gap:8px;padding:7px 10px;border-top:1px solid var(--border);background:var(--bg);color:var(--muted);font-size:11px;flex-wrap:wrap}.player__bar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.player__controls{display:flex;align-items:center;gap:8px;padding:7px 10px;border-top:1px solid var(--border);background:var(--bg)}.player__status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:100px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted)}.player__status--started{border-color:#22c55e66;color:#22c55e;background:#22c55e1a}.player__status--error{border-color:#f8717166;color:#f87171;background:#f871711a}.player__status--ended{border-color:#fbbf2466;color:#fbbf24;background:#fbbf241a}.timeline-bar{height:4px;background:var(--surface-3);position:relative;margin:0}.timeline-bar__segment{position:absolute;top:0;height:100%;background:var(--accent);opacity:.7}.license-page{display:grid;gap:16px}.license-sections{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.license-section{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}.license-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.license-section__head h3{margin:0;font-size:15px;font-weight:600}.license-section__subtitle{font-size:12px;color:var(--muted)}.license-summary{text-align:right;display:flex;flex-direction:column;line-height:1.2}.license-summary__value{font-size:20px;font-weight:700;color:var(--accent)}.license-summary__label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.license-summary--danger .license-summary__value{color:var(--error)}.license-alert{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--r);font-size:12px;background:var(--error-bg);color:var(--error);border:1px solid var(--error)}.license-alert svg{flex-shrink:0;margin-top:1px}.license-alert span{min-width:0;overflow-wrap:anywhere}.license-alert--muted{background:var(--surface-2);color:var(--muted);border-color:var(--border)}@media (max-width: 600px){.license-section{padding:14px}.license-section__head{flex-direction:column;align-items:flex-start;gap:6px}.license-summary{text-align:left}.license{flex-direction:column;align-items:flex-start;gap:8px}.license>div:last-child{align-self:flex-start;text-align:left}.license small{margin-top:0}}.license-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:14px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}.license-list{display:grid;gap:10px}.license{padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}.license strong{font-size:14px;font-weight:500}.license span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.license small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.license__resources{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--muted)}.users{display:grid;gap:14px}.grant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.alert-stack{position:fixed;right:16px;top:16px;width:min(380px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px;z-index:1000}.alert{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid var(--border-mid);border-radius:var(--r);background:var(--surface);color:var(--text);padding:12px 14px;box-shadow:0 8px 24px #0006;animation:alert-in .2s ease}.alert>div{flex:1;min-width:0}.alert strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.alert span{display:block;font-size:12px;color:var(--text);opacity:.85;margin-top:3px;overflow-wrap:anywhere}.alert .icon-button{flex-shrink:0}.alert--error{border-color:#f8717199;background:linear-gradient(#f871711f,#f871711f),var(--surface)}.alert--success{border-color:#22c55e99;background:linear-gradient(#22c55e1f,#22c55e1f),var(--surface)}.alert--info{border-color:#60a5fa99;background:linear-gradient(#60a5fa1f,#60a5fa1f),var(--surface)}@keyframes alert-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.login{min-height:100vh;display:grid;place-items:center;background:#070d18;padding:20px;color-scheme:dark;--surface: #0f1c30;--field: rgba(255,255,255,.05);--text: #dce8f5;--muted: #7a96b5;--border: #1e3050;--border-mid: #2a4060}.login__panel{width:min(100%,400px);border:1px solid #1e3050;border-radius:8px;background:#0f1c30;padding:28px;display:grid;gap:16px;box-shadow:0 24px 64px #00000080}.login__brand{margin-bottom:4px}.login__brand strong{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#dce8f5;margin-top:4px;display:block}.login__brand span{font-size:12px;color:#7a96b5;display:block}.login__button{width:100%}@media (max-width: 1100px){.management-form,.inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field--wide,.form-actions{grid-column:span 2}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.vw__lb-field--wide{max-width:none}}@media (max-width: 768px){:root{--sidebar-w: 100%}.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{position:sticky;top:0;height:auto;z-index:20;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #15253a}.sidebar-top{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:none}.account{display:none}.sidebar nav{flex:1 1 0%;min-width:0;width:auto;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:6px 8px;border-top:1px solid #15253a;gap:4px}nav button{flex-shrink:0;white-space:nowrap;font-size:12px;padding:7px 10px}.app--sidebar-collapsed .nav-label{display:inline}.app--sidebar-collapsed nav button{justify-content:center;padding:7px 10px}.sidebar-expand-btn{display:none}.sidebar-bottom{width:auto;flex-shrink:0;flex-direction:row;align-items:center;gap:4px;padding:6px 8px;border-top:1px solid #15253a}.sidebar-bottom .nav-label{display:none}.app--sidebar-collapsed .sidebar-btn{justify-content:center;padding:7px 9px}.sidebar-btn{font-size:12px;padding:7px 9px}.workspace{min-height:0}.page-content{padding:14px}.topbar{padding:0 14px;position:static}.topbar h1{font-size:16px}.vw{min-height:unset;margin:-14px}.vw__layout-bar{gap:10px}.vw__lb-field{flex:1 1 140px}.vw__lb-actions{margin-left:0;width:100%}.management-form,.inline-form{grid-template-columns:1fr}.form-field--wide,.form-actions{grid-column:auto}.grant-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{border-radius:0;border-left:none;border-right:none}table{min-width:600px}.page-toolbar{flex-wrap:wrap}.page-toolbar__search{order:2;flex-basis:100%;max-width:none}.page-toolbar__info{display:none}.add-menu{left:0;right:auto;min-width:0;width:min(300px,calc(100vw - 28px))}.panel-row,.panel-row--3{grid-template-columns:1fr}.panel{width:min(520px,100vw)!important;max-width:100vw}.infra-camera-row,.infra-channel-row{padding-left:16px;padding-right:10px}.infra-channel-row{padding-left:28px}.infra-recorder-sub{padding-left:16px}.icon-button{min-width:34px;min-height:34px}.vw__grid{grid-template-columns:1fr!important}.archive-tl{height:34px}}@media (max-width: 480px){.segmented{width:100%}.segmented button{flex:1}.metrics{grid-template-columns:1fr}.alert-stack{right:10px;top:10px;width:calc(100vw - 20px)}.panel{width:100vw!important}.infra-row__id{display:none}}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;display:flex;justify-content:flex-end}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}.confirm-dialog{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:0 18px 50px #00000073;overflow:hidden}.confirm-dialog__head{display:flex;align-items:center;gap:10px;padding:16px 18px 0}.confirm-dialog__icon{color:var(--error, #f87171);flex-shrink:0}.confirm-dialog__title{font-size:15px;font-weight:600}.confirm-dialog__body{padding:10px 18px 18px;font-size:13px;line-height:1.5;color:var(--muted)}.confirm-dialog__foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}.button--danger{background:var(--error);border-color:var(--error);color:#fff}.button--danger:hover:not(:disabled){filter:brightness(1.05)}.panel{height:100%;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-24px 0 64px #00000073;animation:panel-in .22s cubic-bezier(.2,0,0,1);overflow:hidden}@keyframes panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}.panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.panel__title{font-size:16px;font-weight:600;color:var(--text);line-height:1.3}.panel__subtitle{font-size:12px;color:var(--muted);margin-top:3px}.panel__body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:22px}.panel__foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-shrink:0}.panel__foot--end{justify-content:flex-end}.panel__foot--between{justify-content:space-between}.panel-section{display:flex;flex-direction:column;gap:14px}.panel-section__title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--border)}.panel-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel-row--3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:10px 12px}.stat-tile__label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:5px}.stat-tile__value{font-size:13px;font-weight:600;color:var(--text);line-height:1.35;word-break:break-word}.panel-preview{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border);display:block}.page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.page-toolbar__info{font-size:13px;color:var(--muted)}.page-toolbar__search{position:relative;flex:1;min-width:0;max-width:380px;display:flex}.infra-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infra-row__id{color:var(--muted);font-size:11px;flex-shrink:0}.infra-row__copy{flex-shrink:0;color:var(--muted)}.add-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r);box-shadow:0 8px 28px #00000059;z-index:10;min-width:210px;overflow:hidden}.add-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text);transition:background .12s}.add-menu button:last-child{border-bottom:none}.add-menu button:hover{background:var(--surface-2)}.add-menu button>span{display:flex;flex-direction:column;gap:2px}.add-menu button strong{font-size:13px;font-weight:500}.add-menu button small{font-size:11px;color:var(--muted)}.grant-list{display:flex;flex-direction:column;gap:6px}.grant-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);font-size:13px}.grant-add{display:flex;gap:8px;align-items:flex-end;margin-top:4px}.grant-add select{flex:1}.infra-servers{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.infra-server-card{display:flex;align-items:center;gap:12px;flex:1 1 320px;padding:10px 14px;background:var(--surface, #1a2230);border:1px solid var(--border, #2a3444);border-radius:8px}.infra-tree{display:flex;flex-direction:column;gap:12px}.infra-server-group{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.infra-server-head{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface-2);cursor:pointer;text-align:left;transition:background .12s}.infra-server-head:hover{background:var(--surface-3)}.infra-server-head__name{font-weight:600;font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infra-server-head__stats{color:var(--muted);font-size:12px;flex-shrink:0;white-space:nowrap}.infra-server-head__count{color:var(--muted);font-size:12px;flex-shrink:0}.infra-server-body{display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--surface)}.infra-group__loading{display:flex;align-items:center;gap:8px;padding:10px 16px 10px 30px;color:var(--muted);font-size:13px}.infra-search-head{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--border)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}@media (prefers-reduced-motion: reduce){.spin{animation:none}}.infra-filters{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:0 0 12px}.infra-chips{display:inline-flex;gap:6px;flex-wrap:wrap}.chip{font-size:12px;padding:4px 12px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:color .12s,border-color .12s,background .12s}.chip:hover{color:var(--text);border-color:var(--accent)}.chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.infra-bulkbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;margin-bottom:12px;background:var(--surface-2);border:1px solid var(--accent);border-radius:10px}.infra-bulkbar__count{font-weight:600;color:var(--text);margin-right:4px}.infra-bulkbar__move{display:inline-flex;gap:6px;align-items:center}.infra-bulkbar select{padding:5px 8px;font-size:13px}.ss-wrap.infra-move-select{max-width:260px}.location-select .ss-dropdown{left:auto;right:0;min-width:100%;width:max-content;max-width:min(440px,80vw)}.infra-camera-row{cursor:default}.infra-check{flex-shrink:0;width:15px;height:15px;margin:0;cursor:pointer;accent-color:var(--accent)}.infra-vrow__main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;cursor:pointer}.infra-group__counts{display:inline-flex;align-items:center;color:var(--muted);font-size:12px;margin-right:8px;flex-shrink:0}.infra-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin:0 4px 0 8px}.infra-dot--on{background:var(--accent)}.infra-dot--off{background:var(--error)}.infra-vlist{max-height:65vh;overflow-y:auto}.infra-vrow{position:absolute;top:0;left:0;box-sizing:border-box;border-top:1px solid var(--border)}.settings-page{max-width:760px;display:flex;flex-direction:column;gap:18px}.settings-group{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:16px 18px}.settings-group__title{margin:0 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.settings-row{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:14px 0;border-top:1px solid var(--border)}.settings-row:first-of-type{border-top:none}.settings-row__info{flex:1;min-width:0}.settings-row__label{font-weight:600;font-size:14px;color:var(--text)}.settings-row__desc{margin:5px 0 0;font-size:12.5px;color:var(--muted);line-height:1.55;max-width:52ch}.settings-row__control{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.settings-row__control input[type=number]{width:96px;text-align:right}.settings-row__range{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;position:sticky;bottom:0;padding:10px 0;background:var(--bg)}.settings-actions__info{font-size:12px;color:var(--muted)}.cam-tree__loading{display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--muted);font-size:12px}.cam-tree__vlist{max-height:70vh;overflow-y:auto}.cam-tree__vrow{position:absolute;top:0;left:0;width:100%;box-sizing:border-box}.cam-tree__vrow .cam-tree__item{width:100%;height:100%;box-sizing:border-box}.grouptree{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r)}.grouptree__row{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;font-size:13px;color:var(--text);border-top:1px solid var(--border)}.grouptree__row:first-child{border-top:none}.grouptree__row:hover{background:var(--surface-2)}.grouptree__row--granted{color:var(--accent);font-weight:500}.grouptree__chev{background:none;border:none;padding:0;display:inline-flex;cursor:pointer;color:var(--muted);flex-shrink:0}.grouptree__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grouptree__check{color:var(--accent);flex-shrink:0}.grouptree__inherited{font-size:10.5px;color:var(--muted);font-style:italic;flex-shrink:0}@media (max-width: 768px){.infra-server-head__stats{display:none}}.infra-group{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.infra-group__header{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border:none;cursor:pointer;font-weight:500;font-size:13px;color:var(--text);text-align:left;transition:background .12s}.infra-group__header:hover{background:var(--surface-2)}.infra-camera-row,.infra-channel-row{width:100%;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 28px;background:var(--surface);cursor:pointer;font-size:13px;color:var(--text);text-align:left;transition:background .12s;border-top:1px solid var(--border)}.infra-camera-row:hover,.infra-channel-row:hover{background:var(--surface-2)}.infra-channel-row{padding-left:48px}.infra-recorder-sub{width:100%;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 28px;border-top:1px solid var(--border);background:var(--surface-2);cursor:pointer;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;transition:background .12s}.infra-recorder-sub:hover{background:var(--surface-3);color:var(--text)}.infra-recorder-sub__name{color:var(--text)}.infra-recorders{display:flex;flex-direction:column;gap:8px}.infra-recorder-card{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);cursor:pointer;transition:background .12s}.infra-recorder-card:hover{background:var(--surface-2)}.infra-recorder-card__name{font-weight:500;font-size:14px;min-width:0;flex:1}.infra-recorder-card__meta{font-size:12px;color:var(--muted);white-space:nowrap}.cam-tree__recorder-header{width:100%;display:flex;align-items:center;gap:6px;padding:5px 12px 5px 20px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;text-align:left;transition:background .12s,color .12s}.cam-tree__recorder-header:hover{background:var(--surface-2);color:var(--text)}.cam-tree__item--deep{padding-left:44px}.cam-tree__item--dragging{opacity:.4;cursor:grabbing}.wall-empty-cell{border:2px dashed var(--border-mid);border-radius:var(--r);aspect-ratio:16 / 9;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:12px;background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.wall-empty-cell:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.wall-empty-cell--selected{border-color:var(--accent);border-style:solid;background:var(--accent-dim);color:var(--accent)}.cam-detail{display:flex;flex-direction:column;gap:16px}.cam-detail__head{display:flex;align-items:center;gap:16px;min-width:0}.cam-detail__title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.cam-detail__title-text{display:flex;flex-direction:column;min-width:0}.cam-detail__title-text h2{font-size:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam-detail__title-text small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam-detail__body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.cam-detail__player-col,.cam-detail__side{display:flex;flex-direction:column;gap:16px;min-width:0}.cam-detail__section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px}.cam-detail__section .panel-section__title{margin-bottom:12px}@media (max-width: 900px){.cam-detail__body{grid-template-columns:1fr}}@media (min-width: 901px){.cam-detail__player-col{height:calc(100vh - var(--topbar-h) - 130px);min-height:320px}.cam-detail__player-col>.cam-player{flex:1;min-height:0}.cam-detail__player-col .cam-player .player{flex:1;min-height:0;display:flex;flex-direction:column}.cam-detail__player-col .cam-player .player__stage{flex:1;min-height:0;aspect-ratio:auto!important}}.cam-player{display:flex;flex-direction:column;gap:10px}.cam-player__bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cam-player__indicator{height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:var(--r);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}.cam-player__indicator--live{background:#f871712e;color:#f87171;border:1px solid rgba(248,113,113,.35)}.cam-player__indicator--archive{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(34,197,94,.35)}.cam-player__src{display:inline-flex;gap:6px}.cam-player__btn{height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 12px;border-radius:var(--r);border:1px solid var(--border-mid);background:transparent;color:var(--text);font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.cam-player__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.cam-player__btn.is-active{background:var(--accent-dim);color:var(--accent);border-color:#22c55e66}.cam-player__btn:disabled{opacity:.45;cursor:not-allowed}.cam-player:fullscreen{background:var(--bg);padding:16px;gap:12px;justify-content:center}.cam-player:fullscreen .player{flex:1;min-height:0;display:flex;flex-direction:column}.cam-player:fullscreen .player__stage{flex:1;min-height:0;aspect-ratio:unset!important}.wall-tile--expanded{position:fixed;top:0;left:var(--sidebar-w);right:0;bottom:0;z-index:50;border-radius:0;display:flex;flex-direction:column;overflow:hidden}.wall-tile--expanded .player{flex:1;min-height:0;display:flex;flex-direction:column}.wall-tile--expanded .player__stage{flex:1;min-height:0;aspect-ratio:unset!important}@media (max-width: 768px){.wall-tile--expanded{left:0}}.vw__grid .player__stage{aspect-ratio:16 / 9!important}.tile-mode-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border-radius:3px;flex-shrink:0}.tile-mode-badge--live{background:#f871712e;color:#f87171;border:1px solid rgba(248,113,113,.35)}.tile-mode-badge--archive{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(34,197,94,.35)}.tile-mode-badge--vms{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.35);cursor:pointer}.tile-mode-badge--nvr{background:var(--warn-bg);color:var(--warn);border:1px solid rgba(251,191,36,.35);cursor:pointer}.app--light .tile-mode-badge--vms{background:#1d4ed81a;color:#1d4ed8;border-color:#1d4ed859}.app--light .tile-mode-badge--nvr{border-color:#b4530959}.tile-archive-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}.tile-archive-bar__input{flex:1;min-width:140px;min-height:30px!important;font-size:12px;padding:4px 8px!important}.tile-archive-bar__quality{width:56px;min-height:30px!important;font-size:12px;padding:4px 6px!important}@keyframes player-spin{to{transform:rotate(360deg)}}.player__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#00000059;z-index:5}.player__loading-text{font-size:12px;font-weight:500;color:#ffffffeb;letter-spacing:.02em}.player__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;text-align:center}.player__error-icon{color:var(--error, #f87171)}.player__error-text{font-size:12px;font-weight:500;color:#ffffffe0;max-width:90%;word-break:break-word}.player__spinner{width:32px;height:32px;border:3px solid var(--border-mid);border-top-color:var(--accent);border-radius:50%;animation:player-spin .75s linear infinite;flex-shrink:0}.vw__section-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-align:left}.vw__section-toggle:hover{background:var(--surface-2)}.vw__section-toggle span:first-of-type{flex:1}.vw__toggle-chevron{color:var(--muted);flex-shrink:0;transition:transform .15s}.vw__toggle-chevron--open{transform:rotate(90deg)}.vw__section--layout{padding:0;gap:0;flex-shrink:0}.vw__layout-body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.vw__layout-body{padding:4px 12px 12px}.vw__layout-body .row-actions{flex-wrap:wrap}.vw__layout-body .row-actions .button,.vw__layout-body .row-actions .ghost-button{flex:1;justify-content:center}}.vw__section--archives{flex-shrink:0;display:flex;flex-direction:column;border-bottom:1px solid var(--border);max-height:42vh;overflow:hidden}.archives-badge{min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.archives-badge--active{background:var(--muted);gap:3px}.archives-panel__toolbar{display:flex;gap:6px;padding:6px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.archives-panel__toolbar input{flex:1;min-height:28px;font-size:12px}.archives-panel__list{overflow-y:auto;flex:1}.archives-panel__empty{padding:12px;color:var(--muted);font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.archive-job{padding:7px 10px;border-bottom:1px solid var(--border)}.archive-job:last-child{border-bottom:none}.archive-job__info{display:flex;flex-direction:column;gap:2px;min-width:0;margin-bottom:5px}.archive-job__camera{font-size:12px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-job__range{font-size:11px;color:var(--muted);font-family:monospace}.archive-job__error{font-size:10px;color:var(--error);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-job__footer{display:flex;align-items:center;gap:6px}.archive-job__footer .job-status{font-size:10px;padding:1px 6px}.archives-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 8px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);flex-shrink:0}.archives-page{display:grid;gap:16px}.job-status{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:100px;border:1px solid var(--border-mid);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap}.job-status__spinner{animation:player-spin 1s linear infinite;flex-shrink:0}.job-status--pending{border-color:var(--border-mid);color:var(--muted);background:var(--field)}.job-status--processing{border-color:#60a5fa66;color:#60a5fa;background:#60a5fa1a}.job-status--ready{border-color:#22c55e66;color:var(--accent);background:var(--accent-dim)}.job-status--failed{border-color:#f8717166;color:var(--error);background:var(--error-bg)}.job-status--cancelled{border-color:var(--border);color:var(--muted);background:transparent;text-decoration:line-through;opacity:.7}.job-status--downloaded{border-color:var(--border);color:var(--muted);background:transparent;opacity:.6}.job-error{font-size:11px;color:var(--error);margin-top:4px;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.archive-tl-wrap{padding:8px 12px;background:var(--surface-2);border-top:1px solid var(--border)}.archive-tl-toolbar{display:flex;justify-content:flex-end;margin-bottom:6px}.archive-tl-controls{display:flex;align-items:center;gap:5px;flex-shrink:0}.archive-tl-zoom-btn{background:var(--surface-3);border:1px solid var(--border);color:var(--text);border-radius:5px;width:30px;height:30px;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.archive-tl-zoom-btn:hover:not(:disabled){background:var(--surface-hover)}.archive-tl-zoom-btn:disabled{opacity:.4;cursor:default}.archive-tl-zoom-btn--reset{width:auto;padding:0 10px;font-size:12px;font-weight:600;color:var(--accent);border-color:var(--accent)}.archive-tl{position:relative;height:24px;background:var(--surface-3);border-radius:5px;cursor:crosshair;overflow:visible;touch-action:none}.archive-tl__seg{position:absolute;top:0;height:100%;background:var(--accent);opacity:.55;border-radius:3px;min-width:2px}.archive-tl__cursor{position:absolute;top:-3px;width:2px;height:calc(100% + 6px);background:#fff;transform:translate(-50%);pointer-events:none;z-index:2;border-radius:1px;box-shadow:0 0 4px #0009}.archive-tl__tooltip{position:absolute;bottom:calc(100% + 7px);transform:translate(-50%);background:#000000d9;color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;pointer-events:none;white-space:nowrap;z-index:10}.archive-tl__labels{display:flex;align-items:baseline;font-size:11px;color:var(--muted);margin-top:5px;padding-bottom:1px;-webkit-user-select:none;user-select:none}.archive-tl__gap{position:absolute;top:0;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.07) 2px,rgba(255,255,255,.07) 4px);pointer-events:none;z-index:1}.archive-tl__sel{position:absolute;top:-3px;height:calc(100% + 6px);background:#60a5fa47;border:1px solid rgba(96,165,250,.65);border-radius:3px;pointer-events:none;z-index:3}.archive-tl__edge{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-tl__edge--right{text-align:right}.archive-tl__sel-label{text-align:center;color:var(--accent, #60a5fa);font-size:11px;font-weight:500;white-space:normal;word-break:break-word;margin-top:3px;padding:0 6px}.archive-tl--selecting{cursor:ew-resize}.archive-tl-overview{position:relative;height:8px;background:var(--surface-3);border-radius:3px;margin-top:6px;overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none}.archive-tl-overview__seg{position:absolute;top:0;height:100%;background:var(--accent);opacity:.35;min-width:1px}.archive-tl-overview__window{position:absolute;top:0;height:100%;background:#ffffff40;border:1px solid rgba(255,255,255,.5);border-radius:2px;pointer-events:none;min-width:3px}.ss-wrap{position:relative;width:100%;min-width:0;max-width:100%}.ss-trigger{display:flex;align-items:center;gap:6px;width:100%;min-height:34px;padding:5px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;font-size:13px;color:var(--text);-webkit-user-select:none;user-select:none;transition:border-color .15s}.ss-trigger:hover{border-color:var(--border-mid)}.ss-trigger--open{border-color:var(--accent)}.ss-trigger--disabled{opacity:.5;cursor:default}.ss-trigger__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r);box-shadow:0 4px 16px #00000040;z-index:200;overflow:hidden}.infra-move-select .ss-dropdown{right:auto;min-width:100%;width:max-content;max-width:min(520px,92vw)}.ss-search{padding:6px 8px;border-bottom:1px solid var(--border)}.ss-search input{width:100%;font-size:12px;padding:4px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:calc(var(--r) - 2px);color:var(--text);outline:none}.ss-search input:focus{border-color:var(--accent)}.ss-list{max-height:260px;overflow-y:auto}.ss-option{padding:7px 12px;font-size:13px;color:var(--text);cursor:pointer;transition:background .1s;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.ss-option:hover{background:var(--surface-2)}.ss-option--selected{background:var(--accent-dim);color:var(--accent);font-weight:500}.ss-option--selected:hover{background:var(--accent-dim)}.ss-empty{padding:12px;text-align:center;font-size:12px;color:var(--muted)}.ss-group{position:sticky;top:0;padding:7px 12px 3px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface);border-top:1px solid var(--border)}.ss-list>.ss-group:first-child{border-top:none}.ss-option--nested{padding-left:22px;font-variant-numeric:tabular-nums}