:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0d10;--surface:#11161a;--surface-2:#171d21;--surface-3:#1c2429;--border:#d3e0e51a;--border-strong:#d3e0e52b;--text:#edf2f3;--secondary:#aab5ba;--muted:#77848a;--success:#69c99a;--warning:#d7ae68;--danger:#e2787e;--info:#82a9ca;--accent:#4ebf88;--r-sm:8px;--r-md:13px;--r-lg:18px;--shadow:0 12px 34px #0003}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;overflow-x:clip}body{background:var(--bg);min-width:320px;max-width:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:400 15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:clip}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;font-weight:750}.app-shell{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.topbar{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0d10f2;align-items:center;gap:32px;height:72px;padding:0 clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:10px;display:inline-flex}.brand>span:last-child{line-height:1.08;display:grid}.brand strong{font-size:.98rem;font-weight:700}.brand small{color:var(--muted);letter-spacing:.12em;margin-top:4px;font-size:.57rem}.brand-mark{width:36px;height:36px;color:var(--success);background:#69c99a12;border:1px solid #69c99a42;border-radius:10px;place-items:center;font-weight:800;display:grid}.desktop-nav{align-items:center;gap:4px;height:100%;margin:auto;display:flex}.desktop-nav a{min-height:42px;color:var(--secondary);border-radius:9px;align-items:center;gap:8px;padding:0 14px;font-size:.78rem;transition:background .16s,color .16s;display:flex}.desktop-nav a:hover{color:var(--text);background:#ffffff0a}.desktop-nav a.active{color:var(--text);box-shadow:inset 0 -2px var(--accent);background:#ffffff0e}.desktop-nav a span{color:var(--muted);font-size:1rem}.topbar-actions{align-items:center;gap:10px;display:flex}.user-label{color:var(--secondary);font-size:.72rem}.icon-button,.logout-button,.close-button{border:1px solid var(--border);min-height:42px;color:var(--secondary);cursor:pointer;background:0 0;border-radius:10px}.icon-button{width:42px;font-size:1rem}.logout-button{padding:0 13px;font-size:.75rem}.icon-button:hover,.logout-button:hover{background:var(--surface-2);color:var(--text)}.page-content{width:min(1420px,100%);min-width:0;margin:auto;padding:32px clamp(16px,4vw,56px) 56px}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 24px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:5px 0 3px;font-size:clamp(1.55rem,3vw,2.05rem)}.page-heading p{margin:0;font-size:.82rem}.button{border:1px solid var(--border-strong);border-radius:var(--r-sm);min-height:40px;color:var(--text);cursor:pointer;background:#ffffff09;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:.74rem;font-weight:600;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.button:hover:not(:disabled){border-color:var(--border-strong);background:#ffffff14}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.4;cursor:not-allowed}.button-primary{border-color:var(--accent);color:#07130d;background:var(--accent)}.button-primary:hover:not(:disabled){background:#69d29f}.button-quiet{color:var(--secondary);background:0 0;border-color:#0000}.button-danger{color:#e79498;background:#e2787e0f;border-color:#e2787e38}.wide{width:100%;min-height:46px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:30px;display:grid}.summary-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-width:0;padding:15px 17px}.summary-card span,.summary-card small{color:var(--muted);font-size:.68rem;display:block}.summary-card strong{margin:6px 0 1px;font-size:1.3rem;font-weight:650;display:block}.section-heading{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.section-heading h2{margin:3px 0 0;font-size:1rem}.device-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.camera-card,.panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);min-width:0;overflow:hidden;box-shadow:0 7px 22px #0000001f}.panel{padding:19px}.demo-card{border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);grid-template-columns:72px minmax(0,1fr);gap:15px;min-width:0;padding:17px;transition:background .17s,border-color .17s,transform .17s;display:grid}.demo-card:hover{background:var(--surface-2);border-color:#69c99a4d;transform:translateY(-1px)}.demo-icon{border:1px solid var(--border);border-radius:var(--r-md);width:72px;height:72px;color:var(--secondary);background:#0c1013;place-items:center;font-size:1.45rem;display:grid;position:relative}.demo-icon small{color:var(--secondary);background:var(--surface-2);border-radius:4px;padding:2px 4px;font-size:.48rem;position:absolute;bottom:4px;right:5px}.demo-card-main{min-width:0}.demo-card-top,.hero-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-badge{color:#aac3d7;letter-spacing:.08em;background:#82a9ca0d;border:1px solid #82a9ca38;border-radius:5px;padding:3px 7px;font-size:.58rem;font-weight:800}.status-text{font-size:.64rem;font-weight:700}.status-text.online,.subtle-success{color:var(--success)}.demo-card h3{margin:8px 0 0;font-size:.92rem}.device-model{color:var(--secondary);margin:1px 0;font-size:.67rem}.device-kind{color:var(--muted);margin:3px 0 0;font-size:.65rem}.demo-metrics{gap:clamp(12px,3vw,26px);margin-top:14px;display:flex}.demo-metrics span{min-width:0;display:grid}.demo-metrics small{color:var(--muted);font-size:.59rem}.demo-metrics b{font-size:.75rem;font-weight:650}.recording-line{color:var(--secondary);align-items:center;gap:7px;margin-top:11px;font-size:.65rem;display:flex}.recording-line i{background:var(--danger);border-radius:50%;width:7px;height:7px}.recording-line strong{color:var(--success);font-weight:600}.demo-open{border:1px solid var(--border);min-height:44px;color:var(--secondary);border-radius:9px;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 12px;font-size:.7rem;display:flex}.demo-open b{color:var(--text);font-size:.95rem}.camera-player{aspect-ratio:16/9;background:#030506;position:relative;overflow:hidden}.camera-player video{object-fit:contain;width:100%;height:100%;display:block}.player-overlay{z-index:2;background:linear-gradient(#000000ad,#0000);justify-content:space-between;align-items:start;padding:13px;display:flex;position:absolute;top:0;left:0;right:0}.player-overlay>div{text-shadow:0 2px 6px #000;display:grid}.player-overlay strong{font-size:.79rem}.player-overlay small{color:#b8c1c4;font-size:.61rem}.live-pill{color:#fff;letter-spacing:.08em;background:#a83c43;border-radius:5px;padding:4px 7px;font-size:.56rem;font-weight:800}.live-pill-off{color:var(--secondary);background:#ffffff1a}.player-controls{z-index:4;opacity:0;background:linear-gradient(#0000,#000c);align-items:center;gap:6px;padding:30px 10px 9px;transition:opacity .16s;display:flex;position:absolute;bottom:0;left:0;right:0}.camera-player:hover .player-controls,.camera-player:focus-within .player-controls{opacity:1}.player-controls button{color:#fff;cursor:pointer;background:#14181ab3;border:1px solid #ffffff29;border-radius:8px;width:38px;height:38px}.control-spacer{flex:1}.player-state{z-index:3;text-align:center;background:#070a0cc2;align-content:center;justify-items:center;gap:7px;padding:20px;display:grid;position:absolute;inset:0}.player-state strong{font-size:.9rem}.player-state>span:last-child{max-width:360px;color:var(--secondary);font-size:.68rem}.state-ring{border:2px solid #ffffff24;border-top-color:var(--warning);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.camera-card-body{padding:14px}.camera-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.camera-card-heading h3{margin:0;font-size:.84rem}.camera-card-heading p{overflow-wrap:anywhere;color:var(--muted);margin:3px 0 0;font-size:.64rem}.badge{border:1px solid var(--border);color:var(--secondary);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 7px;font-size:.59rem;font-weight:700;display:inline-flex}.badge-success{color:var(--success);background:#69c99a0b;border-color:#69c99a33}.badge-warning{color:var(--warning);border-color:#d7ae6838}.badge-danger{color:var(--danger);border-color:#e2787e33}.badge-demo{color:#a8c2d8;border-color:#82a9ca3b}.camera-card-meta{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.camera-card-meta span{color:var(--secondary);background:#ffffff09;border-radius:5px;padding:4px 7px;font-size:.6rem}.camera-card-actions{align-items:center;gap:7px;margin-top:11px;display:flex}.text-link{color:var(--success);margin-right:auto;font-size:.7rem;font-weight:600}.empty-state,.empty-inline,.error-state,.loading-state{border:1px dashed var(--border-strong);border-radius:var(--r-md);color:var(--secondary);text-align:center;padding:26px}.empty-state h2{margin:7px 0;font-size:1rem}.empty-state p{color:var(--muted);margin:0 0 15px;font-size:.75rem}.empty-symbol{color:var(--success);font-size:1.5rem}.error-state{color:var(--danger);border-color:#e2787e40;justify-content:center;align-items:center;gap:12px;display:flex}.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.skeleton-grid div{border-radius:var(--r-lg);background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface));background-size:200% 100%;height:220px;animation:1.4s infinite shimmer}.device-hero{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);justify-content:space-between;align-items:end;gap:20px;padding:20px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:9px;margin-bottom:15px;font-size:.68rem;display:flex}.breadcrumb a{color:var(--secondary)}.hero-title h1{letter-spacing:-.035em;margin:8px 0 2px;font-size:1.45rem}.hero-title p{color:var(--secondary);margin:0;font-size:.74rem}.status-indicator{color:var(--secondary);letter-spacing:.04em;align-items:center;gap:6px;font-size:.61rem;font-weight:750;display:inline-flex}.status-indicator i{background:var(--danger);border-radius:50%;width:7px;height:7px}.status-indicator.is-online i{background:var(--success)}.hero-actions{flex-wrap:wrap;gap:8px;display:flex}.demo-notice{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--secondary);background:#ffffff05;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;font-size:.68rem;display:flex}.device-tabs{overscroll-behavior-x:contain;scrollbar-width:none;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);gap:3px;max-width:100%;margin:12px 0 16px;padding:4px;display:flex;overflow-x:auto}.device-tabs::-webkit-scrollbar{display:none}.device-tabs button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:0 12px;font-size:.69rem}.device-tabs button.active{color:#b8e4cc;box-shadow:inset 0 -2px var(--accent);background:#69c99a11}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.span-all{grid-column:1/-1}.panel-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-title h2{margin:0;font-size:.84rem;font-weight:650}.field-grid-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0;display:grid}.field-grid-data>div{border-bottom:1px solid var(--border);min-width:0;padding:10px 0}.field-grid-data dt{color:var(--muted);font-size:.63rem}.field-grid-data dd{overflow-wrap:anywhere;color:var(--text);margin:3px 0 0;font-size:.73rem;font-weight:550}.health-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 13px;display:grid}.health-metric{border-bottom:1px solid var(--border);min-width:0;padding:12px 5px}.health-metric>span,.health-metric small{color:var(--muted);font-size:.62rem;display:block}.health-metric strong{margin:3px 0;font-size:1.03rem;font-weight:630;display:block}.health-metric small{color:var(--secondary)}.progress,.storage-progress{background:#ffffff14;border-radius:4px;height:4px;margin:8px 0;overflow:hidden}.progress i,.storage-progress i{border-radius:inherit;background:var(--success);height:100%;display:block}.demo-live-grid,.live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.live-grid .panel{padding:13px}.demo-tile{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--r-md);background:radial-gradient(at 50% 35%,#3553452b,#0000 58%),#080b0d;flex-direction:column;justify-content:space-between;min-width:0;padding:10px;display:flex;position:relative;overflow:hidden}.demo-tile.offline{background:radial-gradient(at 50% 35%,#642f331a,#0000 58%),#080b0d}.demo-tile-top,.demo-tile-bottom{justify-content:space-between;gap:8px;font-size:.59rem;display:flex}.demo-tile-top>*{overflow-wrap:anywhere;min-width:0}.demo-tile-bottom{color:var(--muted)}.demo-glyph{color:#69c99a59;align-self:center;font-size:1.8rem}.channel-list{gap:12px;display:grid}.channel-row{border:1px solid var(--border);border-radius:var(--r-md);background:#ffffff04;padding:15px}.channel-row-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.channel-row-heading h3{margin:4px 0 0;font-size:.84rem}.channel-facts{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.channel-facts span{color:var(--secondary);background:#ffffff0a;border-radius:5px;padding:4px 7px;font-size:.62rem}.button-row{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.channel-picker{color:var(--secondary);align-items:center;gap:10px;margin-bottom:14px;font-size:.7rem;display:flex}.channel-picker select,.form-grid select,.form-grid input{border:1px solid var(--border-strong);border-radius:var(--r-sm);width:100%;min-width:0;min-height:42px;color:var(--text);background:#0c1013;padding:0 11px}.ptz-pad{grid-template-columns:repeat(3,52px);justify-content:center;gap:7px;width:max-content;margin:15px auto;display:grid}.ptz-pad button{border:1px solid var(--border);min-width:48px;min-height:48px;color:var(--text);background:var(--surface-2);cursor:pointer;border-radius:10px}.ptz-pad button:disabled{opacity:.5;cursor:not-allowed}.ptz-rows{gap:8px;max-width:420px;margin:14px auto;display:grid}.ptz-rows>div{align-items:center;gap:8px;display:flex}.preset-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.storage-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.storage-top small{color:var(--muted);font-size:.64rem}.storage-top h2{margin:4px 0;font-size:1.3rem}.storage-top h2 span{color:var(--secondary);font-size:.75rem;font-weight:450}.storage-progress{height:8px;margin:13px 0 5px}.storage-percent{color:var(--secondary);font-size:.64rem}.filter-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.filter-row button{border:1px solid var(--border);min-height:36px;color:var(--secondary);cursor:pointer;background:0 0;border-radius:7px;padding:0 10px;font-size:.66rem}.filter-row button.selected{color:var(--success);background:#69c99a0d;border-color:#69c99a45}.event-list{display:grid}.event-item{border-bottom:1px solid var(--border);grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 2px;display:grid}.event-item>i{background:var(--info);border-radius:50%;width:7px;height:7px}.event-item>i.warning{background:var(--warning)}.event-item>i.critical{background:var(--danger)}.event-item strong,.event-item small{display:block}.event-item strong{font-size:.73rem}.event-item small,.event-item time{color:var(--muted);font-size:.62rem}.network-quality{align-items:center;gap:12px;margin-bottom:10px;display:flex}.network-quality strong{font-size:1.35rem}.network-quality span{color:var(--success);font-size:.67rem}.capability-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:0;padding:0;list-style:none;display:grid}.capability-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:9px 0;font-size:.67rem;display:flex}.capability-list li span{color:var(--muted);text-transform:capitalize}.capability-list li strong{font-weight:550}.login-screen{place-items:center;min-height:100svh;padding:20px;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);border-radius:20px;gap:18px;padding:clamp(22px,5vw,38px);display:grid}.login-brand{margin-bottom:2px}.login-card h1{letter-spacing:-.04em;margin:6px 0 2px;font-size:1.65rem}.login-card .muted{margin:0;font-size:.78rem}.login-card label{color:var(--secondary);gap:6px;font-size:.7rem;font-weight:600;display:grid}.login-card input{border:1px solid var(--border-strong);width:100%;min-height:46px;color:var(--text);background:#0b0f12;border-radius:9px;padding:0 12px}.login-error{color:var(--danger);margin:0;font-size:.72rem}.login-footnote{color:var(--muted);text-align:center;margin:0;font-size:.65rem}.loading-screen{min-height:100vh;color:var(--secondary);place-items:center;font-size:.8rem;display:grid}.loading-state{margin:30px 0}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.camera-dialog{border:1px solid var(--border-strong);background:var(--surface);width:min(700px,100%);max-height:min(94svh,850px);box-shadow:var(--shadow);border-radius:18px;overflow:auto}.dialog-header{z-index:2;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.dialog-header h2{margin:4px 0 0;font-size:1.05rem}.close-button{width:42px;height:42px;font-size:1.35rem}.camera-dialog form{padding-bottom:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px 20px;display:grid}.form-grid label{min-width:0;color:var(--secondary);align-content:start;gap:6px;font-size:.68rem;font-weight:600;display:grid}.form-grid small{color:var(--muted);font-size:.61rem;font-weight:400}.form-grid .span-2{grid-column:1/-1}.form-grid input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent)}.form-grid .check-label{grid-template-columns:20px 1fr;align-items:center}.form-result{border:1px solid var(--border);border-radius:9px;gap:3px;margin:0 20px 14px;padding:11px;font-size:.68rem;display:grid}.form-result.success{color:var(--success)}.form-result.error{color:var(--danger)}.dialog-actions{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex;position:sticky;bottom:0}.mobile-nav{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=900px){.topbar{gap:16px;padding-inline:18px}.desktop-nav a{padding-inline:9px}.user-label{display:none}.page-content{padding-inline:20px}.device-list,.details-grid{grid-template-columns:1fr}.span-all{grid-column:auto}.health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){body{font-size:14px}.topbar{justify-content:space-between;gap:8px;height:60px;padding-inline:14px}.brand-mark{width:34px;height:34px}.brand strong{font-size:.9rem}.desktop-nav{display:none}.topbar-actions{gap:6px}.topbar-actions .logout-button{width:42px;padding:0;font-size:0;overflow:hidden}.topbar-actions .logout-button:after{content:"↪";font-size:1rem}.page-content{padding:20px 16px calc(94px + env(safe-area-inset-bottom))}.page-heading{align-items:center;gap:10px;margin-bottom:18px}.page-heading h1{font-size:1.4rem}.page-heading p{max-width:250px;font-size:.7rem}.page-heading>.button{min-width:44px;min-height:44px;padding-inline:10px;font-size:.65rem}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}.summary-card{padding:12px 13px}.summary-card strong{font-size:1.08rem}.section-heading{margin-bottom:10px}.device-list{gap:12px}.demo-card{border-radius:16px;grid-template-columns:54px minmax(0,1fr);gap:10px;padding:13px}.demo-icon{width:54px;height:54px}.demo-card h3{font-size:.88rem}.demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px;display:grid}.demo-metrics small{font-size:.55rem}.demo-metrics b{font-size:.71rem}.recording-line{margin-top:9px}.demo-open{grid-column:1/-1;min-height:46px}.camera-card{border-radius:15px}.camera-card-body{padding:12px}.camera-card-actions{gap:5px}.camera-card-actions .button{min-height:42px;padding-inline:9px;font-size:.65rem}.camera-player .player-controls{opacity:1}.player-controls button{width:42px;height:42px}.device-hero{border-radius:16px;gap:14px;padding:14px;display:grid}.hero-title h1{overflow-wrap:anywhere;font-size:1.2rem}.hero-title p{overflow-wrap:anywhere;font-size:.68rem}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.hero-actions .button{min-height:44px;padding-inline:8px;font-size:.67rem}.hero-actions .button-primary{grid-column:1/-1}.demo-notice{flex-wrap:wrap;align-items:flex-start;font-size:.65rem}.device-tabs{width:100%;margin:10px 0 14px}.device-tabs button{min-height:44px;padding-inline:11px}.panel{border-radius:15px;padding:14px}.field-grid-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.field-grid-data dd{font-size:.68rem}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 9px}.health-metric{padding:10px 4px}.health-metric strong{font-size:.97rem}.demo-live-grid,.live-grid{grid-template-columns:1fr}.demo-tile{padding:9px}.demo-tile-top,.demo-tile-bottom{font-size:.56rem}.channel-row{padding:12px}.channel-facts{gap:5px}.channel-facts span{font-size:.58rem}.event-item{grid-template-columns:8px minmax(0,1fr);gap:9px}.event-item time{grid-column:2}.storage-top h2{font-size:1.1rem}.capability-list{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.camera-dialog{width:100%;max-height:94svh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0}.dialog-header{padding:13px 16px}.form-grid{grid-template-columns:1fr;gap:11px;padding:15px 16px}.form-grid .span-2{grid-column:auto}.form-grid input,.form-grid select{min-height:44px}.dialog-actions{grid-template-columns:1fr 1fr;padding:10px 16px;display:grid}.dialog-actions .button:last-child{grid-column:1/-1;min-height:46px}.dialog-actions .button{min-height:44px}.mobile-nav{z-index:50;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1215f7;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a,.mobile-nav button{min-width:0;min-height:52px;color:var(--muted);background:0 0;border:0;border-radius:9px;align-content:center;justify-items:center;gap:2px;display:grid}.mobile-nav a span,.mobile-nav button span{font-size:1.08rem;line-height:1.1}.mobile-nav small{font-size:.58rem}.mobile-nav a.active{color:var(--success);background:#69c99a0e}.toast{right:12px;bottom:calc(75px + env(safe-area-inset-bottom));text-align:center;left:12px}.error-state{flex-direction:column}}@media (width<=375px){.page-content{padding-inline:13px;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.summary-card{padding:10px}.demo-card{gap:8px;padding:11px}.demo-metrics{gap:4px}.demo-metrics small{font-size:.51rem}.field-grid-data{grid-template-columns:1fr}.device-tabs button{padding-inline:9px}.page-heading>.button{font-size:.59rem}}@media (prefers-reduced-motion:reduce){.demo-card,.device-tabs button,.button{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.icon-button:disabled,.player-controls button:disabled{cursor:not-allowed;opacity:.42}.app-shell{isolation:isolate}.topbar{width:100%;min-width:0}.desktop-nav{min-width:0}.mobile-nav{padding-bottom:calc(6px + env(safe-area-inset-bottom))}.device-tabs{overscroll-behavior-inline:contain}.device-hero,.page-heading,.section-heading,.page-heading>*,.device-hero>*{min-width:0}@media (width<=640px){.topbar{gap:8px}.device-hero{align-items:stretch}.hero-actions{width:100%}.device-tabs{margin-inline:0}.camera-dialog{overscroll-behavior:contain}}@media (width<=375px){.page-content{padding-inline:13px}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}