.responsive-nowview{--nv-primary: #1769e0;--nv-primary-dark: #1055bd;--nv-primary-soft: #e9f2ff;--nv-bg: #f4f7fb;--nv-surface: #fff;--nv-border: #e1e7ef;--nv-text: #172033;--nv-muted: #6b7688;--nv-green: #16865b;--nv-green-soft: #e3f6ed;--nv-red: #c74242;--nv-red-soft: #fff0f0;--nv-amber: #b97911;--nv-amber-soft: #fff5de;--nv-nav-height: 68px;min-height:100dvh;background:var(--nv-bg);color:var(--nv-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.responsive-nowview *,.responsive-nowview *:before,.responsive-nowview *:after{box-sizing:border-box}.responsive-nowview button,.responsive-nowview input,.responsive-nowview select,.responsive-nowview textarea{font:inherit}.responsive-nowview button{-webkit-tap-highlight-color:transparent}.nv-responsive-content{min-height:100dvh;padding-bottom:calc(var(--nv-nav-height) + env(safe-area-inset-bottom,0px))}.nv-page{width:100%;min-height:calc(100dvh - var(--nv-nav-height));padding:max(14px,env(safe-area-inset-top,0px)) 16px 26px}.nv-page h1,.nv-page h2,.nv-page h3,.nv-page p{margin-top:0}.nv-page-header,.nv-home-header,.nv-camera-header,.nv-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.nv-page-header h1,.nv-detail-header h1{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.02em}.nv-page-header p,.nv-detail-header p{margin:4px 0 0;color:var(--nv-muted);font-size:13px}.nv-page-header>div:last-child{display:flex;gap:8px}.nv-icon-button{width:42px;height:42px;flex:0 0 auto;display:inline-grid;place-items:center;border:1px solid var(--nv-border);border-radius:12px;background:var(--nv-surface);color:var(--nv-text)}.nv-back{min-height:40px;display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;border:0;background:transparent;color:var(--nv-primary);font-weight:800}.nv-bottom-nav{position:fixed;z-index:900;left:0;right:0;bottom:0;height:calc(var(--nv-nav-height) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,1fr);align-items:start;padding:7px 6px env(safe-area-inset-bottom,0px);border-top:1px solid var(--nv-border);background:#fffffff7;box-shadow:0 -8px 24px #1c2b440f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nv-bottom-nav button{min-width:0;min-height:54px;display:grid;justify-items:center;align-content:center;gap:3px;border:0;border-radius:12px;background:transparent;color:#7b8697;font-size:11px;font-weight:750}.nv-bottom-nav button.active{color:var(--nv-primary);background:var(--nv-primary-soft)}.nv-inline-error,.nv-inline-warning,.nv-success-banner,.nv-toast{min-height:44px;display:flex;align-items:center;gap:9px;margin:10px 0;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:750}.nv-inline-error{border:1px solid #f2c4c4;background:var(--nv-red-soft);color:#a82e2e}.nv-inline-warning{border:1px solid #efd29c;background:var(--nv-amber-soft);color:#87590d}.nv-success-banner{border:1px solid #acd9c5;background:var(--nv-green-soft);color:#126d4b}.nv-success-banner div{display:grid;gap:3px}.nv-success-banner span{font-weight:600}.nv-toast{position:fixed;z-index:850;left:50%;bottom:calc(var(--nv-nav-height) + env(safe-area-inset-bottom,0px) + 12px);max-width:calc(100vw - 32px);transform:translate(-50%);background:#172033;color:#fff;box-shadow:0 10px 28px #17203340}.nv-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:7px;padding:26px;color:var(--nv-muted);text-align:center}.nv-empty h1,.nv-empty h2,.nv-empty p{margin:0}.nv-empty h2{color:var(--nv-text);font-size:18px}.nv-empty.compact{min-height:108px;padding:16px}.nv-route-loading{min-height:50dvh;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--nv-muted);font-weight:800}.nv-card-list{display:grid;gap:12px}.nv-skeleton{position:relative;min-height:150px;overflow:hidden;background:#e9eef4!important;color:transparent!important}.nv-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:nv-shimmer 1.4s infinite}@keyframes nv-shimmer{to{transform:translate(100%)}}.nv-home{padding-top:max(14px,env(safe-area-inset-top,0px))}.nv-home-header>div{display:flex;align-items:center;gap:9px}.nv-home-header .nv-icon-button{position:relative}.nv-home-header .nv-icon-button i{position:absolute;right:8px;top:8px;width:7px;height:7px;border:2px solid white;border-radius:50%;background:var(--nv-red)}.nv-mobile-brand{min-width:0}.nv-mobile-brand>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--nv-primary);color:#fff}.nv-mobile-brand strong,.nv-mobile-brand small{display:block}.nv-mobile-brand strong{font-size:19px}.nv-mobile-brand small{max-width:190px;overflow:hidden;color:var(--nv-muted);text-overflow:ellipsis;white-space:nowrap}.nv-avatar{width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(145deg,#2b7dea,#1557bd);color:#fff;font-weight:900}.nv-summary-card{min-height:154px;margin-bottom:24px;padding:17px;border:1px solid #d9e7fa;border-radius:18px;background:linear-gradient(145deg,#fff,#f2f7ff);box-shadow:0 12px 28px #30548614}.nv-summary-total{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--nv-border)}.nv-summary-total span{color:var(--nv-muted);font-weight:750}.nv-summary-total strong{color:var(--nv-primary);font-size:30px}.nv-summary-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding-top:13px}.nv-summary-metrics div{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:5px}.nv-summary-metrics i{width:8px;height:8px;border-radius:50%}.nv-summary-metrics i.online{background:var(--nv-green)}.nv-summary-metrics i.offline{background:var(--nv-red)}.nv-summary-metrics i.recording{background:var(--nv-amber)}.nv-summary-metrics i.alert{background:#e04b4b}.nv-summary-metrics strong{font-size:17px}.nv-summary-metrics span{grid-column:1 / -1;margin-top:2px;color:var(--nv-muted);font-size:10px;overflow:hidden;text-overflow:ellipsis}.nv-home-section{margin-bottom:25px}.nv-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:11px}.nv-section-title h2{margin:0;font-size:18px}.nv-section-title p{margin:3px 0 0;color:var(--nv-muted);font-size:12px}.nv-section-title button{display:inline-flex;align-items:center;border:0;background:transparent;color:var(--nv-primary);font-size:12px;font-weight:800;white-space:nowrap}.nv-home-camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nv-home-camera{min-width:0;padding:0 0 11px;overflow:hidden;border:1px solid var(--nv-border);border-radius:15px;background:#fff;text-align:left}.nv-home-camera>strong,.nv-home-camera>small{display:block;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nv-home-camera>strong{margin-top:9px}.nv-home-camera>small{margin-top:3px;color:var(--nv-muted);font-size:11px}.nv-home-snapshot{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e8edf3}.nv-home-snapshot img{width:100%;height:100%;object-fit:cover}.nv-home-snapshot>span{position:absolute;left:7px;bottom:7px;padding:3px 7px;border-radius:999px;color:#fff;background:#121c2cbf;font-size:10px;font-weight:800}.nv-home-snapshot>span.online:before{content:"";display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#35d48f}.nv-snapshot-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#8793a5;background:linear-gradient(135deg,#e8edf3,#dce4ed)}.nv-camera-cover{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#e8edf3}.nv-camera-cover img{position:absolute;max-width:none;object-fit:fill}.nv-home-mosaics,.nv-recent-videos{display:grid;gap:9px}.nv-home-mosaics>button,.nv-recent-videos>button{min-height:74px;display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:11px;padding:10px;border:1px solid var(--nv-border);border-radius:14px;background:#fff;text-align:left}.nv-home-mosaics strong,.nv-home-mosaics span,.nv-recent-videos strong,.nv-recent-videos small{display:block}.nv-home-mosaics span,.nv-recent-videos small{margin-top:4px;color:var(--nv-muted);font-size:11px}.nv-mini-grid{width:68px;height:50px;display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:2px;padding:3px;border-radius:8px;background:#1b2534}.nv-mini-grid i{display:grid;place-items:center;color:#8ca2bf;background:#2c3c51}.nv-recent-videos>button{grid-template-columns:42px 1fr auto}.nv-recent-videos>button>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--nv-primary-soft);color:var(--nv-primary)}.nv-recent-videos em{color:var(--nv-green);font-size:10px;font-style:normal;font-weight:850}.nv-search-box{min-height:46px;display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:0 12px;border:1px solid var(--nv-border);border-radius:13px;background:#fff;color:var(--nv-muted)}.nv-search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--nv-text)}.nv-search-box button{width:28px;height:28px;border:0;border-radius:50%;background:#edf1f5;color:var(--nv-muted)}.nv-chip-row{display:flex;gap:8px;margin:0 -16px 15px;padding:0 16px 3px;overflow-x:auto;scrollbar-width:none}.nv-chip-row::-webkit-scrollbar{display:none}.nv-chip-row button{min-height:35px;flex:0 0 auto;padding:0 13px;border:1px solid var(--nv-border);border-radius:999px;background:#fff;color:var(--nv-muted);font-size:12px;font-weight:800}.nv-chip-row button.active{border-color:var(--nv-primary);background:var(--nv-primary-soft);color:var(--nv-primary)}.nv-camera-card{overflow:hidden;border:1px solid var(--nv-border);border-radius:17px;background:#fff;box-shadow:0 8px 22px #20334e0d}.nv-camera-card:focus-visible{outline:3px solid rgba(23,105,224,.25)}.nv-camera-card-image{position:relative;aspect-ratio:16/8.5;overflow:hidden;background:#e8edf3}.nv-camera-card-image>img{width:100%;height:100%;object-fit:cover}.nv-live-state,.nv-recording-badge{position:absolute;top:9px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;color:#fff;background:#141d2bc7;font-size:10px;font-weight:850;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nv-live-state{left:9px}.nv-live-state.online{background:#11754de0}.nv-recording-badge{right:9px;color:#744b08;background:#ffebbbf0}.nv-recording-badge i{width:6px;height:6px;border-radius:50%;background:var(--nv-amber)}.nv-camera-card-body{display:flex;justify-content:space-between;gap:10px;padding:13px 13px 10px}.nv-camera-card-body h2{margin:0;font-size:16px}.nv-camera-card-body p,.nv-camera-card-body small{display:block;margin:4px 0 0;color:var(--nv-muted);font-size:12px}.nv-camera-card-buttons{display:flex;align-items:flex-start;gap:3px}.nv-camera-card-buttons button{width:35px;height:35px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#7c8797}.nv-camera-card-buttons button.favorite{color:#e55063}.nv-camera-card footer{min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-top:1px solid #edf0f4;color:var(--nv-muted);font-size:10px}.nv-camera-details{padding:0 0 22px}.nv-camera-header{min-height:62px;margin:0;padding:max(8px,env(safe-area-inset-top,0px)) 12px 8px;border-bottom:1px solid var(--nv-border);background:#fff}.nv-camera-header>div{min-width:0;flex:1}.nv-camera-header h1{margin:0;overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.nv-camera-header span{display:inline-flex;align-items:center;gap:4px;margin-top:3px;color:var(--nv-muted);font-size:11px;font-weight:800}.nv-camera-header span.online{color:var(--nv-green)}.nv-camera-header span.offline{color:var(--nv-red)}.nv-camera-details>.nv-inline-error{margin:9px 12px}.nv-responsive-player{width:100%;position:relative;margin-bottom:12px;overflow:hidden;background:#0d131b}.nv-mobile-video-player{width:100%;position:relative;isolation:isolate;aspect-ratio:16 / 9;overflow:hidden;background:#080d14;color:#fff;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.nv-mobile-video,.nv-mobile-last-frame{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:block;object-fit:contain;background:#080d14}.nv-mobile-last-frame{z-index:2;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease}.nv-mobile-last-frame.visible{visibility:visible;opacity:1}.nv-mobile-mode-badge{min-height:24px;position:absolute;z-index:7;top:9px;left:9px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#070d16ad;font-size:9px;font-weight:900;letter-spacing:.04em;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nv-mobile-mode-badge i{width:6px;height:6px;border-radius:50%;background:#ef4c4c;box-shadow:0 0 0 3px #ef4c4c2e}.nv-mobile-video-overlay{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;pointer-events:none;background:linear-gradient(180deg,#03080e8c,#03080e14 30%,#03080e14 58%,#03080ec2);transition:opacity .16s ease}.nv-mobile-video-overlay.visible{opacity:1;pointer-events:auto}.nv-mobile-video-overlay button{display:inline-grid;place-items:center;border:0;color:#fff;background:#0a121d94;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.nv-mobile-video-top-controls{height:47px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:7px 8px 7px 112px}.nv-mobile-video-top-controls>div{display:flex;align-items:center;gap:6px}.nv-mobile-video-top-controls button{width:34px;height:34px;border-radius:10px}.nv-mobile-quality select,.nv-mobile-speed select{min-height:32px;border:1px solid rgba(255,255,255,.2);border-radius:9px;outline:none;background:#0a121db3;color:#fff;font-size:10px;font-weight:850}.nv-mobile-quality select{padding:0 7px}.nv-mobile-video-center-controls{position:absolute;top:50%;left:50%;display:grid;grid-template-columns:50px 58px 50px;align-items:center;justify-items:center;gap:12px;transform:translate(-50%,-50%)}.nv-mobile-video-center-controls>button{width:48px;height:48px;position:relative;border-radius:50%}.nv-mobile-video-center-controls>button.primary{width:58px;height:58px;background:#0a121dbd}.nv-mobile-video-center-controls button small{position:absolute;font-size:8px;font-weight:900}.nv-mobile-video-bottom-controls{position:absolute;left:0;right:0;bottom:0;display:grid;gap:3px;padding:4px 9px 7px}.nv-mobile-video-progress{width:100%;height:16px;margin:0;accent-color:#2c83f2;cursor:pointer}.nv-mobile-live-rail{height:3px;overflow:hidden;border-radius:4px;background:#ffffff4d}.nv-mobile-live-rail span{width:100%;height:100%;display:block;background:#ef4c4c}.nv-mobile-video-bottom-row{min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:800}.nv-mobile-video-bottom-row>div{display:flex;align-items:center;gap:5px}.nv-mobile-video-bottom-row button{width:31px;height:29px;border-radius:8px}.nv-mobile-speed{display:flex;align-items:center;gap:3px;padding-left:6px;border-radius:8px;background:#0a121d94}.nv-mobile-speed select{min-height:29px;border:0;background:transparent}.nv-mobile-buffer-state,.nv-mobile-player-message{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;padding:44px 18px 42px;background:#050b1385;color:#fff;text-align:center;pointer-events:none}.nv-mobile-buffer-state strong{font-size:11px}.nv-mobile-buffer-state small{color:#dbe5f2;font-size:9px}.nv-mobile-buffer-spinner{width:25px;height:25px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:nv-player-spin .8s linear infinite}@keyframes nv-player-spin{to{transform:rotate(360deg)}}.nv-mobile-player-message{background:#050b13db;pointer-events:auto}.nv-mobile-player-message strong{max-width:430px;font-size:12px;line-height:1.4}.nv-mobile-player-message button{min-height:31px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#ffffff1a;color:#fff;font-size:10px;font-weight:850}.nv-mobile-mosaic-controls{position:absolute;right:7px;bottom:7px;display:flex;align-items:center;gap:5px}.nv-mobile-mosaic-controls button{width:31px;height:31px;border-radius:8px}.nv-mobile-mosaic-controls button.open{width:auto;padding:0 9px;font-size:9px;font-weight:850}.nv-mobile-video-player:fullscreen,.nv-mobile-video-player:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto}.nv-mobile-video-player:fullscreen .nv-mobile-video,.nv-mobile-video-player:-webkit-full-screen .nv-mobile-video{object-fit:contain}.nv-live-dvr-helper{margin:-2px 14px 12px;color:var(--nv-muted);font-size:11px;text-align:center}.nv-technical-video-details{margin-top:14px;padding-top:12px;border-top:1px solid var(--nv-border)}.nv-technical-video-details summary{color:var(--nv-muted);font-size:11px;font-weight:800;cursor:pointer}.nv-technical-video-details .nv-detail-list{margin-top:9px}.sr-only{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.nv-camera-content{min-width:0;padding:0 14px}.nv-camera-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 -14px 16px;padding:0 10px;border-bottom:1px solid var(--nv-border);background:#fff}.nv-camera-tabs button{min-width:0;min-height:49px;position:relative;border:0;background:transparent;color:var(--nv-muted);font-size:12px;font-weight:800}.nv-camera-tabs button.active{color:var(--nv-primary)}.nv-camera-tabs button.active:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--nv-primary)}.nv-camera-summary-card,.nv-detail-card{padding:15px;border:1px solid var(--nv-border);border-radius:16px;background:#fff}.nv-camera-summary-card>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.nv-camera-summary-card h2{margin:0;font-size:17px}.nv-camera-summary-card p{display:flex;align-items:center;gap:5px;margin:5px 0 0;color:var(--nv-muted);font-size:12px}.nv-camera-summary-card>.nv-status-pill{float:right;margin-top:-42px}.nv-camera-summary-card dl{clear:both;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:17px 0 0}.nv-camera-summary-card dl div{display:grid;gap:3px}.nv-camera-summary-card dt,.nv-detail-list dt{color:var(--nv-muted);font-size:10px;font-weight:750}.nv-camera-summary-card dd,.nv-detail-list dd{margin:0;font-size:12px;font-weight:800;overflow-wrap:anywhere}.nv-status-pill{min-height:27px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}.nv-status-pill.ready{color:#116c49;background:var(--nv-green-soft)}.nv-status-pill.failed{color:#a93131;background:var(--nv-red-soft)}.nv-status-pill.processing{color:var(--nv-primary);background:var(--nv-primary-soft)}.nv-status-pill.neutral{color:#647184;background:#edf1f5}.nv-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.nv-quick-actions button{min-height:68px;display:grid;justify-items:center;align-content:center;gap:6px;border:1px solid var(--nv-border);border-radius:13px;background:#fff;color:var(--nv-primary)}.nv-quick-actions span{color:var(--nv-text);font-size:10px;font-weight:750}.nv-detail-card h2{margin:0 0 14px;font-size:16px}.nv-detail-list{display:grid;gap:0;margin:0}.nv-detail-list>div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:12px;padding:10px 0;border-top:1px solid #edf0f4}.nv-detail-list>div:first-child{border-top:0}.nv-detail-list dd{text-align:right}.nv-recordings-tab{display:grid;gap:13px}.nv-date-button{min-height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--nv-border);border-radius:13px;background:#fff;color:var(--nv-primary);text-align:left}.nv-date-button span{color:var(--nv-text);font-weight:850;text-transform:capitalize}.nv-period-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-radius:13px;background:var(--nv-primary-soft)}.nv-period-summary strong,.nv-period-summary span{display:block}.nv-period-summary strong{color:var(--nv-primary-dark);font-size:13px}.nv-period-summary span,.nv-period-summary small{margin-top:3px;color:#5b6f8c;font-size:10px}.nv-visual-timeline{position:relative;padding:13px;overflow:hidden;border:1px solid var(--nv-border);border-radius:15px;background:#fff}.nv-visual-timeline>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-right:116px}.nv-visual-timeline h3{margin:0;font-size:14px}.nv-visual-timeline header span{display:block;margin-top:2px;color:var(--nv-muted);font-size:10px}.nv-visual-timeline header span[data-status=recorded]{color:var(--nv-green)}.nv-visual-timeline header span[data-status=future]{color:#8792a1}.nv-visual-timeline header strong{font-size:16px;font-variant-numeric:tabular-nums}.nv-visual-scale{position:absolute;right:12px;top:42px;z-index:4;display:grid;grid-template-columns:32px 48px 32px;align-items:center;overflow:hidden;border:1px solid #d9e1eb;border-radius:10px;background:#fffffff2}.nv-visual-scale button{width:32px;height:32px;border:0;background:transparent;color:var(--nv-primary);font-size:20px}.nv-visual-scale button:disabled{color:#bdc5cf}.nv-visual-scale span{font-size:10px;font-weight:850;text-align:center}.nv-visual-viewport{height:116px;position:relative;margin:14px -13px 0;overflow:hidden;background:#dfe5eb;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.nv-visual-viewport[data-interacting=true]{cursor:grabbing}.nv-visual-strip{height:100%;display:grid;grid-template-columns:repeat(5,1fr)}.nv-visual-frame{min-width:0;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.65);background:#dfe5eb}.nv-visual-frame-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#cbd5df}.nv-visual-frame.gap{background:repeating-linear-gradient(135deg,#dce2e8 0,#dce2e8 9px,#d3dbe3 9px,#d3dbe3 18px)}.nv-visual-frame.future{background:repeating-linear-gradient(135deg,#eef1f4 0,#eef1f4 9px,#e7ebef 9px,#e7ebef 18px)}.nv-visual-frame time{position:absolute;z-index:2;left:5px;bottom:5px;padding:3px 5px;border-radius:5px;background:#0d1727b8;color:#fff;font-size:9px;font-weight:850;font-variant-numeric:tabular-nums}.nv-visual-frame.gap time,.nv-visual-frame.future time{background:#5e6a78ad}.nv-visual-viewport.loading .nv-visual-strip{opacity:.62}.nv-visual-center{position:absolute;z-index:5;left:50%;top:0;bottom:0;pointer-events:none;transform:translate(-50%)}.nv-visual-center i{width:3px;position:absolute;left:50%;top:0;bottom:0;border-radius:3px;background:#fff;box-shadow:0 0 0 1px #101f3273,0 0 8px #00000059}.nv-visual-center span{position:absolute;left:50%;bottom:7px;transform:translate(-50%);padding:3px 7px;border-radius:999px;background:var(--nv-primary);color:#fff;font-size:8px;font-weight:900;white-space:nowrap}.nv-visual-legend{display:flex;align-items:center;gap:10px;margin-top:9px;color:var(--nv-muted);font-size:9px}.nv-visual-legend span{display:inline-flex;align-items:center;gap:4px}.nv-visual-legend i{width:10px;height:6px;border-radius:3px}.nv-visual-legend i.has{background:var(--nv-primary)}.nv-visual-legend i.gap{background:#d4dce4}.nv-visual-legend i.future{border:1px solid #c8d0d9;background:#eff3f7}.nv-visual-legend small{margin-left:auto;font-size:8px}.nv-mobile-playback-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.nv-mobile-playback-controls>button{min-height:54px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--nv-border);border-radius:13px;background:#fff;color:var(--nv-primary)}.nv-mobile-playback-controls button:disabled{opacity:.48}.nv-mobile-playback-controls span{flex:1;color:var(--nv-text);font-size:10px;text-align:left}.nv-mobile-playback-controls strong{font-size:12px}.nv-save-video-button{min-height:49px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;background:var(--nv-primary);color:#fff;font-weight:900}.nv-sheet-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-top:max(20px,env(safe-area-inset-top,0px));background:#0d17277a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nv-bottom-sheet{width:min(680px,100%);max-height:calc(100dvh - max(20px,env(safe-area-inset-top,0px)));overflow-y:auto;padding:8px 17px calc(18px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -15px 45px #14203433}.nv-sheet-handle{width:42px;height:4px;margin:0 auto 13px;border-radius:4px;background:#d4dbe4}.nv-bottom-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.nv-bottom-sheet h2{margin:0;font-size:19px}.nv-bottom-sheet header p{margin:3px 0 0;color:var(--nv-muted);font-size:11px}.nv-calendar-toolbar{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;margin-bottom:9px}.nv-calendar-toolbar strong{text-align:center;text-transform:capitalize}.nv-calendar-toolbar button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--nv-border);border-radius:10px;background:#fff}.nv-calendar-weekdays,.nv-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.nv-calendar-weekdays span{padding:7px 0;color:var(--nv-muted);font-size:10px;font-weight:850;text-align:center}.nv-calendar-grid{gap:3px}.nv-calendar-grid button{min-width:0;height:43px;position:relative;display:grid;place-items:center;align-content:center;gap:2px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--nv-text)}.nv-calendar-grid button.outside{opacity:.35}.nv-calendar-grid button:disabled{opacity:.24}.nv-calendar-grid button.today{border-color:#a9c8f1}.nv-calendar-grid button.selected{border-color:var(--nv-primary);background:var(--nv-primary);color:#fff}.nv-calendar-grid button i{width:5px;height:5px;border-radius:50%;background:var(--nv-green)}.nv-calendar-grid button.partial i{background:var(--nv-amber)}.nv-calendar-grid small{height:5px;color:#c0c8d1;line-height:2px}.nv-calendar-legend{display:flex;justify-content:center;gap:14px;margin-top:13px;color:var(--nv-muted);font-size:9px}.nv-calendar-legend span{display:flex;align-items:center;gap:4px}.nv-calendar-legend i{width:7px;height:7px;border-radius:50%}.nv-calendar-legend i.recorded{background:var(--nv-green)}.nv-calendar-legend i.partial{background:var(--nv-amber)}.nv-calendar-legend i.empty{background:#d7dee6}.nv-speed-options{display:grid;gap:7px}.nv-speed-options button{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:1px solid var(--nv-border);border-radius:12px;background:#fff;font-weight:850}.nv-speed-options button.selected{border-color:var(--nv-primary);background:var(--nv-primary-soft);color:var(--nv-primary)}.nv-export-fields{display:grid;gap:12px}.nv-export-fields label{display:grid;gap:6px;color:#425069;font-size:12px;font-weight:800}.nv-export-fields label small{color:var(--nv-muted);font-weight:500}.nv-export-fields input,.nv-export-fields select,.nv-export-fields textarea{width:100%;min-height:44px;padding:9px 10px;border:1px solid #ccd5e0;border-radius:11px;background:#fff;color:var(--nv-text)}.nv-export-fields textarea{min-height:76px;resize:vertical}.nv-duration-summary{min-height:45px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 11px;border-radius:11px;background:var(--nv-primary-soft);color:var(--nv-primary)}.nv-duration-summary span{color:#50627d;font-size:12px}.nv-sheet-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;margin-top:16px}.nv-sheet-actions button,.nv-primary-actions button,.nv-primary-actions a,.nv-failure-card button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--nv-border);border-radius:12px;background:#fff;color:var(--nv-text);font-weight:850;text-decoration:none}.nv-sheet-actions .primary,.nv-primary-actions .primary,.nv-failure-card .primary{border-color:var(--nv-primary);background:var(--nv-primary);color:#fff}.nv-sheet-actions button:disabled{opacity:.45}.nv-export-card{overflow:hidden;border:1px solid var(--nv-border);border-radius:16px;background:#fff}.nv-card-main{width:100%;display:block;padding:14px;border:0;background:transparent;color:inherit;text-align:left}.nv-export-title{display:flex;align-items:center;gap:9px;padding-right:100px}.nv-export-title>svg{color:var(--nv-primary)}.nv-export-title strong,.nv-export-title span{display:block}.nv-export-title strong{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nv-export-title span{margin-top:3px;color:var(--nv-muted);font-size:11px}.nv-export-card .nv-status-pill{float:right;margin-top:-38px}.nv-export-card dl{clear:both;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0 0}.nv-export-card dt{color:var(--nv-muted);font-size:9px;font-weight:750}.nv-export-card dd{margin:3px 0 0;font-size:11px;font-weight:800}.nv-progress{height:6px;margin-top:13px;overflow:hidden;border-radius:999px;background:#e5ebf2}.nv-progress span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--nv-primary),#56a0ff);transition:width .35s ease}.nv-card-actions{min-height:45px;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:6px 10px;border-top:1px solid #edf0f4}.nv-card-actions button,.nv-card-actions a{min-height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--nv-border);border-radius:9px;background:#fff;color:var(--nv-primary);font-size:10px;font-weight:850;text-decoration:none}.nv-detail-header{justify-content:flex-start}.nv-export-status-card{margin-bottom:13px}.nv-status-heading{display:flex;align-items:center;justify-content:space-between}.nv-stage-list{display:grid;gap:0;margin:18px 0;padding:0;list-style:none}.nv-stage-list li{min-height:33px;position:relative;display:flex;align-items:center;gap:9px;color:#8993a2;font-size:11px;font-weight:750}.nv-stage-list li i{width:12px;height:12px;z-index:1;border:2px solid #c8d0da;border-radius:50%;background:#fff}.nv-stage-list li:not(:last-child):after{content:"";position:absolute;left:5px;top:21px;bottom:-12px;width:2px;background:#dce2e9}.nv-stage-list li.done,.nv-stage-list li.active{color:var(--nv-text)}.nv-stage-list li.done i{border-color:var(--nv-green);background:var(--nv-green)}.nv-stage-list li.active i{border:3px solid var(--nv-primary)}.nv-danger-button{min-height:40px;padding:0 12px;border:1px solid #efbbbb;border-radius:10px;background:var(--nv-red-soft);color:var(--nv-red);font-weight:850}.nv-ready-video{margin-bottom:13px;overflow:hidden;border:1px solid var(--nv-border);border-radius:16px;background:#fff}.nv-ready-video video{width:100%;aspect-ratio:16/9;display:block;background:#0d131b}.nv-primary-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px;padding:10px}.nv-primary-actions button,.nv-primary-actions a{min-width:0;padding:0 7px;font-size:10px}.nv-failure-card{margin-bottom:13px;padding:18px;border:1px solid #efcaca;border-radius:16px;background:#fff7f7;text-align:center}.nv-failure-card>svg{color:var(--nv-red)}.nv-failure-card h2{margin:8px 0 5px;font-size:17px}.nv-failure-card p{color:var(--nv-muted);font-size:12px}.nv-failure-card details{margin:10px 0;color:var(--nv-muted);font-size:10px}.nv-failure-card button{width:100%}.nv-live-label{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:var(--nv-green-soft);color:var(--nv-green);font-size:10px;font-weight:900}.nv-live-label i{width:6px;height:6px;border-radius:50%;background:var(--nv-green);animation:nv-live-pulse 1.6s infinite}@keyframes nv-live-pulse{50%{opacity:.35}}.nv-template-grid{display:grid;gap:11px}.nv-template-grid>button{min-height:94px;display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--nv-border);border-radius:15px;background:#fff;text-align:left}.nv-template-grid strong,.nv-template-grid span{display:block}.nv-template-grid span{margin-top:4px;color:var(--nv-muted);font-size:11px}.nv-template-preview{width:100px;height:70px;display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:3px;padding:4px;border-radius:9px;background:#172131}.nv-template-preview i{background:#2a394e}.nv-template-preview i.filled{background:#3679d4}.nv-live-mosaic-grid{display:grid;grid-template-columns:1fr;gap:10px}.nv-live-mosaic-card{min-width:0;overflow:hidden;border:1px solid var(--nv-border);border-radius:14px;background:#101722}.nv-live-mosaic-card>header{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;background:#fff}.nv-live-mosaic-card header strong,.nv-live-mosaic-card header span{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nv-live-mosaic-card header span{margin-top:2px;color:var(--nv-red);font-size:9px;font-weight:850}.nv-live-mosaic-card header span.online{color:var(--nv-green)}.nv-live-mosaic-card header>div:last-child{display:flex;gap:4px}.nv-live-mosaic-card header button{min-height:29px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid var(--nv-border);border-radius:8px;background:#fff;color:var(--nv-primary);font-size:10px;font-weight:850}.nv-mosaic-player{position:relative;aspect-ratio:16/9;overflow:hidden}.nv-mosaic-player .nv-mobile-video-player{width:100%;height:100%}.nv-mosaic-offline{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:7px;color:#9aa7ba;font-size:11px}.nv-live-mosaic-card:fullscreen{display:grid;grid-template-rows:auto 1fr;border-radius:0}.nv-live-mosaic-card:fullscreen .nv-mosaic-player{height:100%;aspect-ratio:auto}.nv-live-mosaic-card:fullscreen .nv-mobile-video-player{height:100%;aspect-ratio:auto}.nv-profile-card{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:16px;border:1px solid var(--nv-border);border-radius:16px;background:#fff}.nv-profile-card>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--nv-primary);color:#fff;font-size:20px;font-weight:900}.nv-profile-card strong,.nv-profile-card small{display:block}.nv-profile-card small{margin-top:4px;color:var(--nv-muted);text-transform:capitalize}.nv-menu-list{overflow:hidden;border:1px solid var(--nv-border);border-radius:16px;background:#fff}.nv-menu-list button{width:100%;min-height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:0 14px;border:0;border-top:1px solid #edf0f4;background:#fff;color:var(--nv-primary);text-align:left}.nv-menu-list button:first-child{border-top:0}.nv-menu-list button:disabled{opacity:.55}.nv-menu-list strong,.nv-menu-list span{display:block;color:var(--nv-text)}.nv-menu-list span{margin-top:3px;color:var(--nv-muted);font-size:10px}.nv-menu-list button.danger,.nv-menu-list button.danger strong{color:var(--nv-red)}.responsive-nowview .admin-page{min-height:calc(100dvh - var(--nv-nav-height));padding:16px}.responsive-nowview .admin-page .page-heading{min-height:0}.responsive-nowview .admin-page .admin-form.narrow{width:100%;border-radius:16px}@media(min-width:430px)and (max-width:767px){.nv-live-mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-live-mosaic-card header strong{max-width:110px}}@media(min-width:768px)and (max-width:1023px){.nv-page{padding-inline:24px}.nv-chip-row{margin-inline:-24px;padding-inline:24px}.nv-card-list,.nv-home-camera-grid,.nv-home-mosaics,.nv-recent-videos{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-summary-card{display:grid;grid-template-columns:180px 1fr;align-items:center}.nv-summary-total{height:100%;align-items:center;padding:0 24px 0 0;border-right:1px solid var(--nv-border);border-bottom:0}.nv-summary-metrics{padding:0 0 0 24px}.nv-camera-content{padding-inline:24px}.nv-camera-tabs{margin-inline:-24px;padding-inline:20px}.nv-live-tab,.nv-recordings-tab{max-width:760px;margin-inline:auto}.nv-thumbnail-card{width:160px;min-width:160px}.nv-thumbnail-card img,.nv-thumb-placeholder{height:84px}.nv-live-mosaic-grid,.nv-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-export-fields{grid-template-columns:1fr 1fr}.nv-export-fields label:nth-last-child(-n+2){grid-column:1/-1}.nv-duration-summary{grid-column:1/-1}.nv-player-audio input{display:block}}@media(min-width:1024px)and (max-width:1365px){.nv-page{padding-inline:30px}.nv-chip-row{margin-inline:-30px;padding-inline:30px}.nv-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-home-camera-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nv-home-mosaics,.nv-recent-videos{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-summary-card{display:grid;grid-template-columns:220px 1fr;align-items:center}.nv-summary-total{height:100%;align-items:center;padding:0 30px 0 0;border-right:1px solid var(--nv-border);border-bottom:0}.nv-summary-metrics{padding:0 0 0 30px}.nv-camera-content{padding-inline:30px}.nv-camera-tabs{margin-inline:-30px;padding-inline:26px}.nv-live-tab,.nv-recordings-tab{max-width:880px;margin-inline:auto}.nv-live-mosaic-grid,.nv-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-export-fields{grid-template-columns:1fr 1fr}.nv-export-fields label:nth-last-child(-n+2){grid-column:1/-1}.nv-duration-summary{grid-column:1/-1}.nv-player-audio input{display:block}}@media(min-width:768px)and (max-width:1365px)and (orientation:landscape){.nv-camera-details{height:calc(100dvh - var(--nv-nav-height) - env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,65fr) minmax(320px,35fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden;padding:0}.nv-camera-header{grid-column:1/-1;grid-row:1}.nv-camera-details>.nv-inline-error{position:fixed;z-index:30;left:15px;top:62px;max-width:440px}.nv-responsive-player{grid-column:1;grid-row:2;align-self:start;min-height:0;margin-bottom:0}.nv-responsive-player .nv-mobile-video-player{max-height:calc(100dvh - var(--nv-nav-height) - 64px)}.nv-responsive-player .nv-mobile-video{object-fit:contain}.nv-camera-content{grid-column:2;grid-row:2;height:100%;overflow-y:auto;padding-inline:14px;background:var(--nv-bg)}.nv-camera-tabs{position:sticky;z-index:4;top:0;margin-inline:-14px;padding-inline:8px}.nv-live-tab,.nv-recordings-tab{max-width:none}.nv-quick-actions{grid-template-columns:repeat(2,1fr)}.nv-thumbnail-card{width:128px;min-width:128px}.nv-thumbnail-card img,.nv-thumb-placeholder{height:65px}.nv-live-mosaic-grid.landscape{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.responsive-nowview *,.responsive-nowview *:before,.responsive-nowview *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nv-mobile-sprite{grid-column:1/-1;display:block;width:100%;height:68px;border-radius:8px;background-color:#dfe6ee}.route-loading{min-height:40vh;display:grid;place-items:center;color:#63736c;font-weight:800}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef3f1}.login-panel{width:min(430px,100%);background:#fff;border:1px solid #d7e0dc;border-radius:8px;box-shadow:0 18px 50px #142a221f;overflow:hidden}.login-brand{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #e1e8e5}.login-brand strong,.login-brand span{display:block}.login-brand span{color:#6a7772;font-size:12px;margin-top:2px}.login-panel form{padding:26px 28px 30px;display:grid;gap:16px}.login-panel h1{margin:0;font-size:24px}.login-panel p{margin:-8px 0 4px;color:#63736c}.login-panel label,.admin-form label,.modal label,.mosaic-fields label{display:grid;gap:7px;color:#394943;font-size:13px;font-weight:800}.login-panel input,.admin-form input,.admin-form select,.admin-form textarea,.modal input,.modal select,.mosaic-fields input,.mosaic-fields select{width:100%;min-height:42px;border:1px solid #cfd9d5;border-radius:7px;padding:8px 10px;background:#fff;color:#15231e}.password-field{display:grid;grid-template-columns:1fr auto}.password-field input{border-radius:7px 0 0 7px}.password-field button{border:1px solid #cfd9d5;border-left:0;border-radius:0 7px 7px 0;background:#f5f8f7;padding:0 12px}.primary-command{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #176346!important;border-radius:7px;background:#176346!important;color:#fff!important;padding:0 14px;font-weight:900}.form-error,.form-success{min-height:40px;display:flex;align-items:center;gap:8px;border-radius:7px;padding:9px 12px;font-size:13px;font-weight:800}.form-error{border:1px solid #e9b8b5;background:#fff1f0;color:#a12620}.form-success{border:1px solid #b8d8c7;background:#effaf3;color:#176346}.app-shell{min-height:100vh;display:grid;grid-template-columns:216px minmax(0,1fr);background:#f2f5f4}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:14px 10px;background:#13231d;color:#fff;z-index:20}.app-brand{display:flex;align-items:center;gap:10px;padding:4px 7px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.app-brand strong,.app-brand span{display:block}.app-brand span{margin-top:2px;color:#a9bbb3;font-size:11px}.app-sidebar nav{display:grid;gap:4px;padding-top:14px}.app-sidebar nav button{min-height:40px;display:flex;align-items:center;gap:10px;border:0;border-radius:7px;padding:0 11px;background:transparent;color:#c5d2cc;text-align:left}.app-sidebar nav button:hover,.app-sidebar nav button.active{background:#ffffff1a;color:#fff}.sidebar-user{margin-top:auto;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:12px 6px 2px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-user strong,.sidebar-user span{display:block;overflow:hidden;text-overflow:ellipsis}.sidebar-user span{color:#9fb0a9;font-size:11px;margin-top:2px}.sidebar-user button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:6px;background:#ffffff14;color:#fff}.app-content{min-width:0;min-height:100vh;overflow:hidden}.admin-page{min-height:100vh;padding:20px 24px 32px}.page-heading{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.page-heading h1{margin:0;font-size:23px}.page-heading p{margin:5px 0 0;color:#66756f}.page-actions{display:flex;gap:8px}.page-actions button,.filter-bar button{min-height:38px;display:inline-flex;align-items:center;gap:7px;border:1px solid #ccd7d2;border-radius:7px;background:#fff;padding:0 12px;font-weight:800}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.filter-bar>div{flex:1;display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #d1dad6;border-radius:7px;background:#fff;padding:0 11px}.filter-bar input{flex:1;min-width:0;border:0;outline:0}.filter-bar select{min-height:42px;border:1px solid #d1dad6;border-radius:7px;background:#fff;padding:0 10px}.camera-filters{flex-wrap:wrap}.camera-filters>div{min-width:260px}.camera-filters select{max-width:180px}.data-table{border:1px solid #d7dfdc;border-radius:8px;overflow:hidden;background:#fff}.table-row{display:grid;grid-template-columns:140px minmax(150px,1.1fr) minmax(150px,1.1fr) 90px 100px 160px 110px;align-items:center;gap:10px;min-height:58px;padding:8px 12px;border-top:1px solid #e5ebe8;font-size:13px}.table-row:first-child{border-top:0}.table-head{min-height:38px;background:#f5f8f7;color:#62716b;font-size:11px;font-weight:900;text-transform:uppercase}.table-row strong,.table-row small{display:block}.table-row small{margin-top:3px;color:#6c7974}.row-actions{display:flex;gap:5px}.row-actions button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #d5ddda;border-radius:6px;background:#fff;color:#33453e}.state-ring{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:900}.state-ring i{width:13px;height:13px;border-radius:50%;border:3px solid currentColor;background:#fff}.state-green{color:#16784f}.state-red{color:#b12d27}.state-yellow{color:#b57a00}.state-gray{color:#77817d}.camera-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.camera-detail-grid section,.status-history{border:1px solid #d7dfdc;border-radius:8px;background:#fff;padding:16px}.camera-detail-grid h2,.status-history h2{margin:0 0 14px;font-size:16px}.camera-detail-grid dl{display:grid;grid-template-columns:145px 1fr;gap:8px 14px;margin:18px 0 0;font-size:13px}.camera-detail-grid dt{color:#65736d}.camera-detail-grid dd{margin:0;font-weight:800;overflow-wrap:anywhere}.status-history{margin-top:12px}.status-history>div{display:grid;grid-template-columns:190px 100px 1fr;gap:12px;min-height:40px;align-items:center;border-top:1px solid #e5ebe8;font-size:13px}.status-history>div:first-of-type{border-top:0}.admin-form{display:grid;gap:14px}.admin-form.narrow{width:min(520px,100%);padding:18px;border:1px solid #d7dfdc;border-radius:8px;background:#fff}.password-rules{padding:10px;border-radius:7px;background:#f1f5f3;color:#607069;font-size:12px}.check-row{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:8px!important;min-height:40px}.check-row input{width:17px!important;min-height:17px!important}.camera-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.camera-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:16px;border:1px solid #d5ded9;border-radius:8px;background:#fff}.camera-form legend{padding:0 6px;font-weight:900}.camera-form textarea{min-height:72px;resize:vertical}.camera-form .wide,.wide-form-message,.form-actions{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px}.form-actions button{min-height:38px;border:1px solid #ccd7d2;border-radius:7px;background:#fff;padding:0 14px;font-weight:800}.map-layout{position:relative;min-height:560px;border:1px solid #d4ddd9;border-radius:8px;overflow:hidden;background:#fff}.camera-map{height:560px}.map-detail{position:absolute;z-index:500;top:12px;right:12px;width:300px;padding:18px;border:1px solid #ccd8d3;border-radius:8px;background:#fffffff7;box-shadow:0 14px 35px #0f1e182e}.map-detail h2{margin:14px 0 5px}.map-detail p{color:#65746e}.map-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}.map-detail dt{color:#687670}.map-detail dd{margin:0;font-weight:800;text-align:right}.close-detail{position:absolute;right:8px;top:8px;width:30px;height:30px;border:0;background:transparent;font-size:22px}.map-camera-marker{width:34px;height:34px;display:grid;place-items:center;border:4px solid currentColor;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000040}.map-camera-marker span{width:12px;height:9px;border-radius:2px;background:currentColor}.no-geo-section{margin-top:18px}.no-geo-section h2{font-size:16px}.camera-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.camera-status-card{min-height:90px;display:grid;justify-items:start;gap:5px;border:1px solid #d5ded9;border-radius:8px;background:#fff;padding:12px;text-align:left}.camera-status-card span:last-child{color:#6a7772;font-size:12px}.users-table .table-row{grid-template-columns:1.4fr 120px 100px 180px 130px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#08120e8c}.modal{width:min(460px,100%);display:grid;gap:14px;padding:22px;border-radius:8px;background:#fff}.modal h2{margin:0 0 4px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.template-card{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:14px;border:1px solid #d5ded9;border-radius:8px;background:#fff}.template-card h2{margin:3px 0;font-size:16px}.template-card p,.template-card small{margin:0;color:#66746e}.template-preview{width:110px;height:76px;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:3px;padding:4px;border-radius:6px;background:#17221e}.template-preview span{background:#34443e}.template-preview span.filled{background:#4c8e72}.template-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:5px}.template-actions button{min-height:32px;display:inline-flex;align-items:center;gap:5px;border:1px solid #d2dbd7;border-radius:6px;background:#fff;padding:0 9px}.mosaic-editor{display:grid;gap:15px}.mosaic-fields{display:grid;grid-template-columns:minmax(180px,2fr) 110px 80px 80px minmax(180px,1fr) 140px 100px;gap:10px;padding:14px;border:1px solid #d5ded9;border-radius:8px;background:#fff}.slot-editor-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:8px}.slot-editor{min-height:130px;display:grid;align-content:center;gap:7px;border:1px dashed #aebbb5;border-radius:8px;background:#f8faf9;padding:12px}.slot-editor.filled{border-style:solid;border-color:#8ab39f;background:#f0f8f4}.slot-editor.primary-slot{border-color:#176346;box-shadow:inset 0 0 0 1px #176346}.slot-editor span{color:#6a7772;font-size:11px;font-weight:900}.slot-editor select{width:100%;min-height:36px;border:1px solid #ccd7d2;border-radius:6px;background:#fff}.slot-primary-button{min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #cbd7d2;border-radius:6px;background:#fff;color:#315044}.empty-page{min-height:70vh;display:grid;place-items:center;align-content:center;gap:8px;color:#52615b}.empty-page h1,.empty-page p{margin:0}.unsaved-indicator{color:#9a6800;font-size:12px;font-weight:900}.mosaic-card-head select,.mosaic-empty select{max-width:150px;min-height:28px;border:1px solid #ccd6d2;border-radius:6px;background:#fff}.mosaic-card.empty-slot .mosaic-empty{background:#18211e}.mosaic-card.slot-draggable{cursor:grab}.mosaic-card.slot-draggable:active{cursor:grabbing}@media(max-width:1100px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.app-brand>div:last-child,.app-sidebar nav button{font-size:0}.app-sidebar nav button{justify-content:center}.sidebar-user>div{display:none}.sidebar-user{grid-template-columns:1fr 1fr}.table-row{grid-template-columns:110px 1fr 1fr 80px 90px 130px 95px}.camera-form{grid-template-columns:1fr}.mosaic-fields{grid-template-columns:1fr 90px 90px}}@media(max-width:760px){.app-shell{display:block}.app-sidebar{position:relative;width:100%;height:auto}.app-sidebar nav{display:flex;overflow-x:auto}.app-sidebar nav button{min-width:44px}.sidebar-user{display:none}.admin-page{padding:14px}.page-heading{flex-direction:column}.data-table{overflow-x:auto}.table-row{min-width:920px}.camera-form fieldset{grid-template-columns:1fr}.camera-form .wide{grid-column:auto}.camera-detail-grid{grid-template-columns:1fr}.status-history>div{grid-template-columns:1fr;gap:3px;padding:8px 0}.mosaic-fields{grid-template-columns:1fr}.slot-editor-grid{grid-template-columns:1fr!important}.map-detail{left:10px;right:10px;width:auto}}:root{--bg: #f4f6f5;--surface: #ffffff;--surface-soft: #eef3f1;--line: #d8e0dc;--text: #24302b;--muted: #6d7974;--green: #2f7d54;--green-soft: #dff1e7;--blue: #316fa8;--blue-soft: #dceaf7;--amber: #a86817;--amber-soft: #f7e6cd;--red: #a94f4f;--red-soft: #f2dddd;--dark: #0f1513;--shadow: 0 18px 45px rgba(32, 45, 40, .11)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.vms-shell{min-height:100vh;display:flex;flex-direction:column}.vms-topbar{height:68px;padding:12px 20px;display:grid;grid-template-columns:260px minmax(0,1fr) auto;align-items:center;gap:18px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--green)}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:12px;margin-top:2px}.camera-switcher{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.camera-switcher button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#f8faf9;color:var(--text);padding:0 13px;white-space:nowrap}.camera-switcher button.active{border-color:var(--green);background:var(--green-soft);color:var(--green);font-weight:800}.status-row{display:flex;align-items:center;justify-content:flex-end;gap:8px}.badge{min-height:30px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:0 11px;font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.badge.online,.badge.live{color:var(--green);background:var(--green-soft)}.badge.offline{color:var(--red);background:var(--red-soft)}.badge.recording{color:var(--amber);background:var(--amber-soft)}.badge.archive{color:var(--blue);background:var(--blue-soft)}.badge.idle{color:var(--muted);background:var(--surface-soft)}.icon-button{width:38px;height:38px;border:1px solid var(--line);background:var(--surface);border-radius:8px;display:inline-grid;place-items:center;color:var(--text)}.notice{margin:14px 20px 0;padding:12px 14px;border:1px solid #e5c6c6;background:#fff1f1;color:var(--red);border-radius:8px;display:flex;gap:9px;align-items:center}.toast{margin:14px 20px 0;width:fit-content;max-width:calc(100% - 40px);padding:10px 13px;border:1px solid var(--line);background:#f3fbf6;color:var(--green);border-radius:8px;font-size:13px;font-weight:900}.theater{flex:1;padding:18px 20px 22px;display:grid;grid-template-rows:minmax(420px,1fr) auto auto;gap:14px;min-height:0}.video-stage{min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.now-playing{min-height:58px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);background:#fbfcfb}.now-playing span{display:block;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em}.now-playing strong{display:block;margin-top:3px;font-size:15px;overflow-wrap:anywhere}.now-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.live-button,.play-moment-button{min-height:38px;border:1px solid #b7c8be;border-radius:8px;color:var(--green);background:var(--green-soft);display:inline-flex;align-items:center;gap:8px;padding:0 13px;font-weight:800;white-space:nowrap}.play-moment-button{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.player-shell{position:relative;min-height:0;background:var(--dark)}.player{width:100%;height:100%;min-height:420px;display:block;object-fit:contain;background:var(--dark)}.player-layer{position:absolute;z-index:2}.top-left{top:14px;left:14px}.player-back-button{position:absolute;z-index:2;top:14px;right:14px;min-height:34px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffffeb;color:var(--green);display:inline-flex;align-items:center;gap:7px;padding:0 11px;font-weight:900}.player-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:#0f151373;font-weight:900}.player-loading.subtle{background:#0f151338}.player-loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.player-switching{position:absolute;z-index:3;right:14px;bottom:72px;min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;color:#fff;background:#0f172aad;border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.player-error{position:absolute;z-index:4;left:18px;right:18px;bottom:72px;min-height:44px;border:1px solid #e5c6c6;border-radius:8px;background:#fffffff2;color:var(--red);display:flex;align-items:center;gap:9px;padding:10px 12px;font-weight:800}.transport{position:absolute;left:50%;bottom:14px;transform:translate(-50%);min-height:46px;padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0c110fbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:6px;align-items:center}.transport button{width:36px;height:34px;border:0;border-radius:8px;background:#ffffff14;color:#fff;display:grid;place-items:center}.transport button.primary{width:42px;background:#fff;color:var(--dark)}.transport button:disabled{opacity:.38;cursor:not-allowed}.control-strip{min-height:54px;padding:9px 12px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);background:#fbfcfb}.speed-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.speed-current{min-height:34px;display:inline-flex;align-items:center;padding:0 10px;border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:13px;font-weight:900}.live-speed-note{color:var(--muted);font-size:13px;font-weight:800}.speed-controls button{min-height:34px;min-width:54px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-weight:800}.speed-controls button.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.control-strip input[type=range]{width:140px;accent-color:var(--green)}.quality-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.quality-controls span{color:var(--muted);font-size:12px;font-weight:900;margin-right:2px}.quality-controls button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-weight:800;padding:0 10px}.quality-controls button.active{border-color:var(--green);background:var(--green-soft);color:var(--green)}.quality-controls button:disabled,.speed-controls button:disabled{opacity:.42;cursor:not-allowed;background:#f1f4f3;color:var(--muted)}.playback-state-row{min-height:34px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 12px 10px;background:#fbfcfb;color:var(--muted);font-size:12px;font-weight:900}.playback-state-row span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:var(--surface-soft)}.player-quality-chip{position:absolute;z-index:2;top:54px;left:14px;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;color:#fff;background:#0f172ab8;border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.debug-panel{margin:0 12px 12px;padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:1px dashed #9ca3af;border-radius:8px;background:#f8fafc;color:#334155;font-size:11px;font-weight:800}.debug-panel span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-panel .debug-url{grid-column:1 / -1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.time-tools{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(320px,1fr) minmax(360px,1fr);gap:12px}.calendar-card,.search-card,.export-card,.timeline-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.calendar-card,.search-card,.export-card{min-height:112px;padding:13px}.tool-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--muted);font-size:13px;font-weight:900}.day-grid{display:grid;grid-template-columns:repeat(7,minmax(32px,1fr));gap:6px}.day-grid button{min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--text)}.day-grid span{color:var(--green);font-size:16px;line-height:1}.search-card,.export-card{display:grid;grid-template-columns:1fr 1fr auto;align-content:start;gap:9px}.search-card .tool-title,.export-card .tool-title{grid-column:1 / -1}.search-card input,.export-card input{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fbfcfb;color:var(--text)}.search-card button,.export-card button{min-height:40px;border:1px solid var(--green);border-radius:8px;padding:0 15px;background:var(--green);color:#fff;font-weight:900}.export-card button:disabled{border-color:var(--line);background:var(--surface-soft);color:var(--muted);cursor:not-allowed}.timeline-panel{padding:14px}.timeline-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}.timeline-toolbar strong,.timeline-toolbar span{display:block}.timeline-toolbar span{color:var(--muted);font-size:13px;margin-top:3px}.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-controls button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb;display:grid;place-items:center}.zoom-controls span{min-width:78px;text-align:center;margin:0;color:var(--text);font-weight:900}.ticks{position:relative;height:24px;color:var(--muted);font-size:12px}.ticks span{position:absolute;transform:translate(-50%);white-space:nowrap}.timeline-rail{position:relative;height:78px;border:1px solid var(--line);border-radius:8px;overflow:visible;background:#edf1ef;cursor:grab;touch-action:none}.timeline-rail.dragging,.timeline-rail.scrubbing,.timeline-rail.panning{cursor:grabbing}.timeline-empty{position:absolute;top:18px;right:0;bottom:18px;left:0;background:repeating-linear-gradient(90deg,#d8dedb 0,#d8dedb 10px,#cfd8d4 10px,#cfd8d4 12px)}.future-range{position:absolute;top:18px;bottom:18px;background:#f4f7f6d1;border-left:1px solid #c6ceca;z-index:3;pointer-events:none}.recorded-range{position:absolute;top:18px;bottom:18px;border:0;padding:0;border-radius:0;background:linear-gradient(90deg,#316fa8,#3f86c0);box-shadow:inset 0 0 0 1px #ffffff3d}.recorded-range.selected{background:linear-gradient(90deg,#245984,#3f86c0);box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--blue);z-index:2}.recorded-range.playing{background:linear-gradient(90deg,#174a73,#2f7fb8);box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #111827;z-index:3}.recorded-range.playing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 8px,transparent 8px 16px)}.time-cursor{position:absolute;top:6px;bottom:6px;width:2px;background:#111;transform:translate(-1px);z-index:5}.now-line,.hover-cursor{position:absolute;top:8px;bottom:8px;width:1px;transform:translate(-.5px);pointer-events:none}.now-line{background:var(--green);z-index:4}.hover-cursor{background:var(--amber);z-index:5}.time-cursor:before{content:"";position:absolute;left:50%;top:-1px;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #111}.marker{position:absolute;top:8px;width:9px;height:9px;border:2px solid white;border-radius:50%;background:var(--amber);transform:translate(-50%);z-index:5;padding:0}.hover-preview{position:absolute;bottom:86px;width:150px;min-height:78px;transform:translate(-50%);border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);box-shadow:var(--shadow);padding:10px;z-index:6;pointer-events:none}.thumb-placeholder{display:grid;place-items:center;width:100%;height:58px;margin-top:8px;border-radius:6px;background:#dfe7e3;color:var(--muted);font-size:12px;font-weight:900}.hover-preview .thumb-sprite{margin-top:8px;border-radius:6px;background-color:#dfe7e3}.hover-preview div{color:var(--muted);font-size:12px;margin-top:3px}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:12px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:18px;height:8px;border-radius:999px;display:inline-block}.legend .has{background:var(--blue)}.legend .miss{background:#cfd8d4}.legend .future{background:#eef2f1;border:1px solid #c6ceca}.legend .mark{width:9px;height:9px;background:var(--amber)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.vms-topbar{height:auto;grid-template-columns:1fr}.status-row{justify-content:flex-start}.time-tools{grid-template-columns:1fr}.theater{grid-template-rows:auto auto auto}.player{min-height:300px}.transport{position:static;transform:none;margin:10px auto;width:max-content}}@media(max-width:640px){.vms-topbar,.theater{padding-left:12px;padding-right:12px}.now-playing,.control-strip,.timeline-toolbar{flex-direction:column;align-items:flex-start}.live-button,.play-moment-button{width:100%;justify-content:center}.search-card,.export-card{grid-template-columns:1fr}.speed-controls button{min-width:48px}.timeline-rail{height:92px}}.mosaic-theater{flex:1;min-height:0;height:calc(100vh - 68px);padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.mosaic-summary{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#ffffffe0}.mosaic-summary-items{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:900}.mosaic-summary-items span{min-height:24px;display:inline-flex;align-items:center;padding:0 7px;border-radius:999px;background:var(--surface-soft);white-space:nowrap}.mosaic-summary-items .danger{color:#b42318;background:#fff1f0}.mosaic-summary-items .master-time-indicator{gap:6px;color:#0b5f8a;background:#e8f5fb;font-variant-numeric:tabular-nums}.master-time-indicator strong{color:#12352d}.mosaic-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.mosaic-actions button,.mosaic-card-head button,.mosaic-bottom-bar button,.control-group button{min-height:30px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text);font-weight:800;display:inline-flex;align-items:center;gap:6px;padding:0 9px;white-space:nowrap}.mosaic-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--mosaic-cols, 2),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px}.mosaic-card{min-width:0;min-height:0;border:1px solid rgba(216,224,220,.8);border-radius:8px;background:var(--surface);overflow:hidden;display:grid;grid-template-rows:34px minmax(0,1fr)}.mosaic-card.focused{border-color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb61}.adaptive-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:11px;font-weight:900}.mosaic-card-head{min-height:34px;padding:4px 7px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(216,224,220,.72)}.mosaic-title{min-width:0;display:grid;gap:1px}.mosaic-title strong,.mosaic-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mosaic-title span{color:var(--muted);font-size:11px;font-weight:900}.mosaic-card-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mosaic-card-head>div{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.mosaic-card-head .badge{min-height:24px;padding:0 8px;font-size:11px}.mosaic-card-head button{min-height:26px;padding:0 8px}.mosaic-card .player-shell{border-radius:0;min-height:0;height:100%}.mosaic-card .player{min-height:0;height:100%}.mosaic-card .transport{transform:translate(-50%) scale(.82);transform-origin:bottom center;opacity:.88}.mosaic-theater.is-live .mosaic-card .transport,.mosaic-card .player-back-button{display:none}.mosaic-empty{min-height:0;height:100%;display:grid;place-items:center;gap:8px;color:var(--muted);background:#101418;font-weight:900}.mosaic-bottom-bar{min-height:38px;padding:5px 8px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:#ffffffe6;color:var(--muted);font-size:12px;font-weight:900;overflow-x:auto}.mosaic-bottom-bar.replay{justify-content:space-between}.mosaic-bottom-bar.live{justify-content:flex-start}.mosaic-bottom-bar .bar-note{color:var(--text);white-space:nowrap}.control-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.control-group span{color:var(--muted);font-size:12px;font-weight:900}.speed-controls.compact,.quality-controls.compact{flex-wrap:nowrap;flex-shrink:0}.speed-controls.compact button,.quality-controls.compact button,.speed-controls.compact .speed-current{min-height:30px}.mosaic-theater .timeline-panel{box-shadow:none;border-color:#d8e0dce6;padding:10px;flex-shrink:0}.mosaic-theater .timeline-toolbar{margin-bottom:8px}.mosaic-theater .timeline-rail{height:58px}.mosaic-theater .ticks{height:20px}.mosaic-theater .legend{margin-top:6px}.mosaic-theater.is-live .timeline-panel{max-height:168px}@media(max-width:900px){.mosaic-theater{height:auto;min-height:calc(100vh - 68px);overflow:visible;padding:8px}.mosaic-summary{align-items:flex-start;flex-direction:column}.mosaic-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:minmax(220px,40vh)}.mosaic-bottom-bar{align-items:flex-start;flex-direction:column}.speed-controls.compact,.quality-controls.compact{flex-wrap:wrap}}