@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#1b261f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#16231b;--muted:#6c776f;--line:#dfe5dc;--paper:#fff;--canvas:#f4f6ef;--lime:#d9ff5f;--lime-soft:#efffc0;--green:#1d4d32;--green-2:#2f7050;--red:#ed4d45;--red-dark:#b92c29;--red-soft:#fff0ee;--shadow:0 22px 54px #19302217;background:#f4f6ef;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 88% 6%, #d9ff5f38, transparent 24rem), linear-gradient(180deg, #fafbf7 0, var(--canvas) 420px);min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #43755447}.app-shell{min-height:100vh}.topbar{z-index:30;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fbfcf8eb;border-bottom:1px solid #d2dbd099;justify-content:space-between;align-items:center;min-height:68px;padding:0 4vw;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;display:inline-flex}.brand-mark{background:var(--lime);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;box-shadow:inset 0 0 0 1px #1a32211f}.brand-mark svg{fill:none;stroke:#17251c;stroke-width:2.8px;width:31px}.brand-mark .brand-pupil{fill:#17251c;stroke:none}.brand-name{letter-spacing:-.7px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.brand-name span{color:var(--green-2)}.topbar-title h1{letter-spacing:-.5px;margin:0;font-family:Manrope,sans-serif;font-size:18px;font-weight:800}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.clock{color:#405047;font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:12px;font-weight:700}.clock-date{color:#98a199;margin-right:7px;font-weight:600}.system-pill,.phase-badge,.mode-badge,.source-chip,.event-count,.delivery-badge{border-radius:999px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.system-pill{color:#315b42;background:#f5fbf4;border:1px solid #dbe8dd;padding:8px 11px}.pulse-dot,.live-label span{background:#42ae6c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #42ae6c21}.icon-button{cursor:pointer;border:1px solid var(--line);background:var(--paper);border-radius:11px;place-items:center;width:36px;height:36px;transition:border-color .16s,transform .16s;display:grid}.icon-button:hover{border-color:#aebaae;transform:translateY(-1px)}.section-kicker{color:#7e8a81;letter-spacing:1.8px;text-transform:uppercase;font-size:10px;font-weight:700}.subnav{z-index:25;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f7f9f4f2;border-bottom:1px solid #d2dbd08c;position:sticky;top:68px}.subnav-inner{width:min(1390px,92vw);margin:0 auto}.subnav-tabs{gap:4px;display:flex}.subnav-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:14px 20px;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;transition:color .25s;display:inline-flex;position:relative}.subnav-tab:hover{color:var(--ink)}.subnav-tab.active{color:var(--green)}.tab-underline{background:0 0;border-radius:2px;height:2px;transition:background .3s,transform .3s;position:absolute;bottom:-1px;left:20px;right:20px;transform:scaleX(0)}.subnav-tab.active .tab-underline{background:var(--green);transform:scaleX(1)}.subnav-tab:hover .tab-underline{background:#1d4d3233;transform:scaleX(1)}.subnav-tab.active:hover .tab-underline{background:var(--green)}.tab-count{background:var(--lime);color:var(--ink);border-radius:10px;padding:2px 7px;font-size:10px;font-weight:800}.page-view{animation:.35s ease-out both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main{width:min(1390px,92vw);margin:0 auto;padding:36px 0 32px}.intro-row{justify-content:space-between;align-items:flex-end;gap:28px;margin:0 0 28px;display:flex}.intro-row h2{color:var(--ink);letter-spacing:-2px;margin:8px 0 9px;font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,46px);font-weight:800;line-height:1.02}.intro-row p{max-width:650px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.trust-note{min-width:260px;color:var(--green);background:#ffffffad;border:1px solid #dbe4d8;border-radius:14px;align-items:center;gap:11px;padding:12px 15px;display:flex}.trust-note svg{flex:none}.trust-note span{color:#7b877e;flex-direction:column;gap:1px;font-size:11px;display:flex}.trust-note strong{color:#2b4b38;font-size:12px}.monitor-layout{grid-template-columns:minmax(0,1fr) 340px;gap:20px;display:grid}.monitor-card,.control-card,.events-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #d8e0d6f2;border-radius:22px;transition:box-shadow .3s,transform .3s;overflow:hidden}.control-card:hover,.events-card:hover{transform:translateY(-2px);box-shadow:0 28px 64px #1930221f}.monitor-toolbar{justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:13px 17px;display:flex}.camera-identity{align-items:center;gap:11px;min-width:0;display:flex}.camera-icon,.control-icon,.notification-icon{color:#31553d;background:#edf4eb;border-radius:12px;flex:none;place-items:center;display:grid}.camera-icon{width:39px;height:39px}.camera-identity>span:last-child,.notification-row>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.camera-identity strong,.notification-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.camera-identity small,.notification-row small{color:#88928b;font-size:10px}.monitor-badges{justify-content:flex-end;align-items:center;gap:7px;display:flex}.phase-badge,.mode-badge{padding:7px 10px}.phase-badge{color:#43634e;background:#edf5eb}.phase-badge.detected{color:#a62e29;background:var(--red-soft)}.phase-badge.error{color:#9f3a34;background:#fff3f1}.mode-badge.live{color:#245a3a;background:#f3fbf4;border:1px solid #cee4d3}.mode-badge.demo{color:#795d18;background:#fff9e7;border:1px solid #efe0ab}.video-stage{isolation:isolate;background:#14201a;border-radius:15px;min-height:500px;margin:0 8px;position:relative;overflow:hidden}.video-stage video,.synthetic-feed{z-index:-3;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-stage video{filter:saturate(.78)contrast(1.03);animation:.7s both feed-fade-in}@keyframes feed-fade-in{0%{opacity:0;filter:saturate(.78)contrast(1.03)brightness(1.35)blur(6px)}to{opacity:1;filter:saturate(.78)contrast(1.03)}}.synthetic-feed{background:linear-gradient(#8ba3a1 0,#aebbb4 42%,#5d6d63 43%,#596358 100%);overflow:hidden}.synthetic-feed:before{content:"";opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.scene-sky{background:radial-gradient(circle at 65% 30%,#e5edda80,#0000 22%),linear-gradient(175deg,#9aada6,#768b88);width:130%;height:58%;position:absolute;left:-15%}.scene-building{background:linear-gradient(160deg,#485a52,#2f423a);border:2px solid #dae2d83d;position:absolute;bottom:35%;box-shadow:inset 0 -18px #00000021}.scene-building:after{content:"";opacity:.27;background:repeating-linear-gradient(90deg,#a3b2a8 0 9%,#0000 9% 18%);position:absolute;inset:18% 10%}.scene-building.one{width:44%;height:34%;left:5%}.scene-building.two{width:39%;height:42%;right:5%}.scene-road{background:linear-gradient(90deg,#0000 49.7%,#e7e0b159 49.7% 50.3%,#0000 50.3%),#424e46;width:120%;height:48%;position:absolute;bottom:-15%;left:-10%;transform:perspective(200px)rotateX(25deg)}.scene-gate{z-index:2;background:repeating-linear-gradient(90deg,#0000 0 7%,#1a2a21b8 7% 8.3%);border-top:7px solid #293b31;border-left:7px solid #293b31;border-right:7px solid #293b31;width:65%;height:23%;position:absolute;bottom:24%;left:17%}.scene-person{z-index:3;background:#202d26;border-radius:7px 7px 3px 3px;width:14px;height:48px;position:absolute;bottom:22%;box-shadow:0 18px 14px #00000026}.scene-person:before{content:"";background:#202d26;border-radius:50%;width:16px;height:16px;position:absolute;top:-13px;left:-1px}.person-one{animation:8s ease-in-out infinite alternate drift;left:44%}.person-two{opacity:.85;animation:10s ease-in-out 1.5s infinite alternate-reverse drift;right:36%;transform:scale(.84)}.feed-placeholder-note{z-index:4;color:#ffffffc7;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c15104d;border:1px solid #ffffff2b;border-radius:7px;padding:7px 11px;font-size:10px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.video-shade{z-index:-1;pointer-events:none;background:linear-gradient(#080f0b6b,#0000 24% 70%,#080f0b8a),radial-gradient(circle,#0000 52%,#09110c38);position:absolute;inset:0}.video-hud{z-index:7;color:#ffffffc4;letter-spacing:.9px;text-shadow:0 1px 4px #00000059;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:9px;font-weight:700;display:flex;position:absolute}.video-hud.top-left{top:15px;left:15px}.video-hud.top-right{top:15px;right:15px}.video-hud.bottom-left{bottom:15px;left:15px}.live-label,.injection-flag{align-items:center;gap:6px;display:inline-flex}.live-label{color:#fff}.live-label span{background:#ff665e;width:6px;height:6px;animation:1.5s ease-out infinite pulse;box-shadow:0 0 0 4px #ff665e24}.injection-flag{color:#25331f;background:var(--lime);text-shadow:none;border-radius:5px;padding:5px 7px}.analysis-overlay,.detection-overlay{z-index:6;position:absolute;inset:0}.analysis-overlay{background:#14452c17;overflow:hidden}.scan-line{background:linear-gradient(90deg,#0000,#d9ff5fd9,#0000);width:100%;height:2px;animation:2.5s linear infinite scan;position:absolute;top:12%;box-shadow:0 0 18px #d9ff5f73}.focus-grid{opacity:.7;width:38%;height:46%;position:absolute;top:24%;left:31%}.focus-grid span{border-color:var(--lime);border-style:solid;width:28px;height:28px;position:absolute}.focus-grid span:first-child{border-width:2px 0 0 2px;top:0;left:0}.focus-grid span:nth-child(2){border-width:2px 2px 0 0;top:0;right:0}.focus-grid span:nth-child(3){border-width:0 0 2px 2px;bottom:0;left:0}.focus-grid span:nth-child(4){border-width:0 2px 2px 0;bottom:0;right:0}.analysis-readout{color:#eaffab;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1e14c2;border:1px solid #d9ff5f4d;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:min(360px,78%);padding:10px 12px;font-family:Manrope,sans-serif;font-size:10px;display:grid;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.analysis-readout strong{font-variant-numeric:tabular-nums;font-size:12px}.detection-overlay{background:radial-gradient(circle at 53% 47%,#0000 20%,#4e090814);animation:1s ease-out alert-wash}.detection-box{width:35%;height:45%;position:absolute;top:22%;left:38%}.corner{filter:drop-shadow(0 0 5px #ff504973);border-style:solid;border-color:#ff655e;width:35px;height:35px;position:absolute}.top-left-corner{border-width:3px 0 0 3px;top:0;left:0}.top-right-corner{border-width:3px 3px 0 0;top:0;right:0}.bottom-left-corner{border-width:0 0 3px 3px;bottom:0;left:0}.bottom-right-corner{border-width:0 3px 3px 0;bottom:0;right:0}.detection-tag{color:#fff;background:var(--red);letter-spacing:.5px;text-transform:uppercase;border-radius:5px 5px 5px 0;padding:6px 8px;font-family:Manrope,sans-serif;font-size:9px;font-weight:800;position:absolute;top:-28px;left:0}.incident-banner{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#9a221ee6;border:1px solid #ffffff36;border-radius:12px;align-items:center;gap:11px;width:min(430px,100% - 34px);padding:12px 13px;display:flex;position:absolute;bottom:18px;right:17px;box-shadow:0 16px 38px #510d0c57}.incident-icon{background:#ffffff21;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.incident-banner>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.incident-banner small{letter-spacing:.8px;opacity:.72;text-transform:uppercase;font-size:9px;font-weight:600}.incident-banner strong{text-transform:capitalize;font-family:Manrope,sans-serif;font-size:15px}.confidence-value{font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:25px;font-weight:800}.confidence-value small{font-size:11px}.clear-banner{z-index:8;color:#e8ffed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#205836d6;border:1px solid #dfffe440;border-radius:9px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:16px;right:16px}.video-error{z-index:9;color:#fff4f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#972a24eb;border:1px solid #ffffff38;border-radius:9px;align-items:center;gap:7px;max-width:calc(100% - 32px);padding:9px 11px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:16px;right:16px}.local-video-button{cursor:pointer;color:#3d654a;background:#f7fbf5;border:1px dashed #b8cbb9;border-radius:9px;align-items:center;gap:7px;min-height:34px;margin:11px 17px 0;padding:7px 10px;font-size:10px;font-weight:700;transition:border-color .16s,background .16s;display:inline-flex}.local-video-button:hover{background:#f1f9ef;border-color:#759c7e}.local-video-button:has(input:focus-visible){outline-offset:2px;outline:3px solid #43755447}.local-video-button:has(input:disabled){cursor:not-allowed;opacity:.58}.local-video-button input{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.monitor-footer{padding:14px 17px 15px}.progress-track{background:#edf0eb;border-radius:4px;height:3px;margin-bottom:12px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, #9abf36, var(--lime));height:100%;transition:width .3s;display:block}.phase-detected .progress-track span{background:linear-gradient(90deg, var(--red-dark), var(--red))}.monitor-metrics{color:#849087;letter-spacing:.25px;text-transform:uppercase;justify-content:space-between;align-items:center;gap:15px;font-size:9px;font-weight:600;display:flex}.monitor-metrics span{align-items:center;gap:5px;display:inline-flex}.control-card{padding:20px}.control-heading{align-items:center;gap:10px;margin-bottom:18px;display:flex}.control-icon{background:var(--lime-soft);width:41px;height:41px}.control-heading>span:nth-child(2){flex-direction:column;flex:1;display:flex}.control-heading small{color:#9aa39c;letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:700}.control-heading h3,.events-heading h3{letter-spacing:-.4px;margin:1px 0 0;font-family:Manrope,sans-serif;font-size:16px}.source-chip{color:#335a40;background:#edf6eb;align-self:flex-start;padding:6px 8px}.source-chip.demo,.source-chip.error{color:#80631b;background:#fff7df}.source-status{color:#737f76;background:#fafbf8;border:1px solid #e6ebe4;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-height:38px;margin-bottom:18px;padding:8px 9px;font-size:10px;line-height:1.35;display:grid}.status-light{background:#48b66f;border-radius:50%;width:7px;height:7px}.status-light.loading{background:#d2a93d;animation:1.4s infinite pulse}.status-light.error{background:var(--red)}.source-status button{cursor:pointer;color:#627067;background:0 0;border:0;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.source-status button:hover{background:#edf1eb}.field-label{color:#5d6a61;margin:0 0 7px;font-size:10px;font-weight:700;display:block}.select-wrap{color:#657168;background:#fff;border:1px solid #dbe1d9;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 11px;display:grid;position:relative}.select-wrap select{cursor:pointer;color:#28352c;appearance:none;background:0 0;border:0;outline:0;width:100%;height:44px;font-size:12px;font-weight:600}.selected-file{background:#f6f8f4;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:10px 0 19px;padding:9px;display:grid}.file-thumb{color:#47604f;background:#e6ede3;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.selected-file>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.selected-file strong{color:#344039;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.selected-file div span{color:#98a199;margin-top:2px;font-size:8px}.ready-check{color:#2d7148;background:#dff2e2;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.injection-flow{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:5px;margin-bottom:19px;display:grid}.injection-flow span{color:#a5ada7;flex-direction:column;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.injection-flow span.active,.injection-flow span.done{color:var(--green)}.injection-flow span.done{color:#79a23a}.injection-flow i{background:repeating-linear-gradient(90deg,#d7ded5 0 4px,#0000 4px 7px);height:1px;margin-top:-13px}.inject-button,.reset-button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s;display:flex}.inject-button{color:#f8ffed;background:linear-gradient(135deg,#214d34,#163924);border:1px solid #183d29;min-height:48px;font-size:12px;box-shadow:0 11px 22px #1c4b3136}.inject-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #1c4b314d}.inject-button:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 14px #1c4b312e}.inject-button:disabled{cursor:not-allowed;opacity:.66}.reset-button{color:#68736b;background:#fff;border:1px solid #e1e6df;min-height:35px;margin-top:7px;font-size:10px}.error-callout{color:#9d3833;background:#fff5f3;border:1px solid #f1d2cf;border-radius:9px;align-items:flex-start;gap:7px;margin-top:9px;padding:9px 10px;font-size:9px;line-height:1.45;display:flex}.error-callout svg{flex:none}.notification-row{border-top:1px solid #edf0ec;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:17px;padding-top:15px;display:grid}.notification-icon{width:34px;height:34px}.toggle{background:#d6ddd5;border-radius:999px;width:31px;height:18px;position:relative}.toggle i{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #22322733}.toggle.on{background:#4c9e68}.toggle.on i{transform:translate(13px)}.events-card{margin-top:20px;padding:18px 20px;box-shadow:0 15px 38px #1930220f}.events-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;display:flex}.event-count{color:#748078;background:#f3f5f1;padding:6px 9px}.empty-events{color:#859087;background:#fafbf8;border:1px dashed #dce3d9;border-radius:12px;justify-content:center;align-items:center;gap:11px;min-height:69px;display:flex}.empty-events>span{color:#74917b;background:#eef3ec;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.empty-events div{flex-direction:column;gap:2px;display:flex}.empty-events strong{color:#536058;font-size:11px}.empty-events small{font-size:9px}.event-list{flex-direction:column;gap:7px;display:flex}.event-item{background:#fffdfa;border:1px solid #ebecea;border-radius:11px;grid-template-columns:auto minmax(135px,1.2fr) minmax(80px,1fr) 45px 70px auto;align-items:center;gap:12px;padding:9px 10px;display:grid}.event-severity{color:#9d302d;background:var(--red-soft);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.event-severity.medium,.event-severity.low{color:#866118;background:#fff7da}.event-primary{flex-direction:column;min-width:0;display:flex}.event-primary strong{font-size:11px}.event-primary small,.event-time{color:#949d96;font-size:9px}.confidence-bar{background:#f0dedb;border-radius:4px;height:4px;overflow:hidden}.confidence-bar span{border-radius:inherit;background:var(--red);height:100%;display:block}.event-confidence{color:#7b302d;font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:11px}.delivery-badge{color:#39704b;background:#eaf5ea;padding:5px 8px}footer{color:#99a29b;letter-spacing:.45px;text-transform:uppercase;align-items:center;gap:10px;width:min(1390px,92vw);margin:0 auto;padding:4px 0 30px;font-size:9px;font-weight:600;display:flex}footer .brand-mark{border-radius:8px;width:25px;height:25px}footer .brand-mark svg{width:20px}.footer-separator{background:#bec5bf;border-radius:50%;width:3px;height:3px}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #ff665e66}70%{box-shadow:0 0 0 7px #ff665e00}to{box-shadow:0 0 #ff665e00}}@keyframes scan{0%{opacity:0;transform:translateY(-50px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(430px)}}@keyframes drift{0%{transform:translate(-22px)scale(.92)}to{transform:translate(38px)scale(.92)}}@keyframes alert-wash{0%{box-shadow:inset 0 0 0 999px #e42f2847}to{box-shadow:inset 0 0 0 999px #e42f2800}}@media (width<=1080px){.clock,.system-pill{display:none}.monitor-layout{grid-template-columns:minmax(0,1fr) 310px}.video-stage{min-height:430px}}@media (width<=850px){main{padding-top:32px}.intro-row{align-items:flex-start}.trust-note{display:none}.monitor-layout{grid-template-columns:1fr}.control-card{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.control-heading,.source-status,.injection-flow,.notification-row,.error-callout{grid-column:1/-1}.selected-file{margin-bottom:0}.injection-flow{margin:20px 0}.inject-button,.reset-button{grid-column:1/-1}}@media (width<=620px){.topbar{min-height:56px;padding:0 4vw}.brand-name{display:none}.brand-mark{width:35px;height:35px}.topbar-title h1{font-size:15px}.subnav{top:56px}.subnav-tab{padding:12px 14px;font-size:12px}.subnav-tab span:first-of-type{display:none}main{width:min(94vw,560px);padding-top:25px}.intro-row h2{letter-spacing:-1.4px;font-size:30px}.intro-row p{font-size:12px}.monitor-toolbar{flex-direction:column;align-items:flex-start}.monitor-badges{justify-content:flex-start;width:100%}.video-stage{min-height:370px}.video-hud.bottom-left,.video-hud.top-right>span:last-child{display:none}.detection-box{width:48%;left:28%}.monitor-metrics span:nth-child(2){display:none}.control-card{display:block}.selected-file{margin-bottom:19px}.event-item{grid-template-columns:auto 1fr auto}.confidence-bar,.event-confidence,.event-time{display:none}.delivery-badge{justify-self:end}footer span:last-child,.footer-separator{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.library-page{padding:24px 4vw 48px}.library-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.library-title-row{align-items:center;gap:12px;display:flex}.title-icon{width:28px;height:28px}.text-cyan{color:#0284c7}.library-title{color:var(--ink);margin:0;font-family:Manrope,sans-serif;font-size:24px;font-weight:800}.library-subtitle{color:var(--muted);margin:6px 0 0;font-size:14px}.status-pill{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.status-pill-active{color:#0369a1;background:#e0f2fe}.status-pill-demo{color:#92400e;background:#fef3c7}.upload-dropzone{text-align:center;background:#ffffffa6;border:2px dashed #1d4d3240;border-radius:20px;margin-bottom:32px;padding:36px 24px;transition:border-color .3s,background .3s,transform .2s}.upload-dropzone:hover{background:#fffc;border-color:#1d4d3266}.upload-dropzone.drag-over{border-color:var(--green);background:#edf4eb99;transform:scale(1.01)}.file-input-hidden{display:none}.upload-dropzone-inner{cursor:pointer;flex-direction:column;align-items:center;display:flex}.upload-icon-wrapper{background:var(--lime-soft);width:56px;height:56px;color:var(--green);border-radius:16px;place-items:center;margin-bottom:14px;transition:transform .3s;display:grid}.upload-dropzone:hover .upload-icon-wrapper{transform:translateY(-2px)}.upload-icon{width:24px;height:24px}.upload-text-block h3{margin:0 0 4px;font-family:Manrope,sans-serif;font-size:16px;font-weight:700}.upload-text-block p{color:var(--muted);margin:0 0 16px;font-size:13px}.upload-progress-card{background:var(--paper);border:1px solid var(--line);text-align:left;border-radius:14px;margin-top:20px;padding:16px;box-shadow:0 4px 16px #1930220f}.progress-bar-bg{background:#edf0eb;border-radius:3px;height:5px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--green), var(--green-2));border-radius:inherit;height:100%;transition:width .3s}.video-browser-section{background:var(--paper);box-shadow:var(--shadow);border:1px solid #d8e0d6d9;border-radius:22px;padding:28px;transition:box-shadow .3s}.browser-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-box-wrapper{flex:1;max-width:400px;position:relative}.search-icon{width:16px;height:16px;color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--line);background:var(--canvas);border-radius:12px;width:100%;padding:10px 36px;font-size:13px;transition:border-color .25s,box-shadow .25s}.search-input:focus{border-color:#1d4d3259;outline:none;box-shadow:0 0 0 3px #1d4d3214}.search-clear-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.video-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;display:grid}.video-card{background:var(--paper);border:1px solid #d8e0d6d9;border-radius:16px;flex-direction:column;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.video-card:hover{border-color:#b4c8b4b3;transform:translateY(-4px);box-shadow:0 16px 40px #1930221a}.video-card-thumb{background:linear-gradient(135deg,#0f1f18,#1a2b24);place-items:center;height:155px;display:grid;position:relative;overflow:hidden}.video-thumb-media{object-fit:cover;width:100%;height:100%;transition:transform .4s}.video-card:hover .video-thumb-media{transform:scale(1.05)}.video-thumb-placeholder{color:#64748b;place-items:center;display:grid}.video-card-overlay{opacity:0;background:linear-gradient(#00000026,#00000080);place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0}.video-card:hover .video-card-overlay{opacity:1}.btn-icon-circle{background:var(--lime);width:48px;height:48px;color:var(--ink);cursor:pointer;border:none;border-radius:50%;place-items:center;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;display:grid;box-shadow:0 4px 16px #0003}.btn-icon-circle:hover{transform:scale(1.12);box-shadow:0 6px 20px #0000004d}.video-card-body{flex-direction:column;flex:1;padding:16px;display:flex}.video-card-name{white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;overflow:hidden}.video-meta-key{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:11px;display:block;overflow:hidden}.video-card-actions{gap:8px;margin-top:auto;display:flex}.btn-sm{padding:6px 12px;font-size:12px}.btn-danger-ghost{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fca5a5;border-radius:8px}.btn-danger-ghost:hover{background:#fef2f2}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;place-items:center;padding:24px;animation:.25s both modal-bg-in;display:grid;position:fixed;inset:0}@keyframes modal-bg-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--paper);border-radius:20px;width:100%;max-width:760px;animation:.3s cubic-bezier(.22,1,.36,1) both modal-slide-up;overflow:hidden;box-shadow:0 32px 64px #0000004d}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--line);padding:18px 22px}.modal-header h3{margin:0;font-family:Manrope,sans-serif;font-size:16px}.modal-body{background:#0f1f18;padding:20px}.modal-video-player{background:#000;border-radius:10px;width:100%;max-height:420px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;padding:16px 22px;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.flex-1{flex:1}.m-0{margin:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.icon-xs{width:14px;height:14px}.icon-sm{width:16px;height:16px}.icon-lg{width:32px;height:32px}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-muted{color:var(--muted)}.text-success{color:#16a34a}.text-error{color:#dc2626}.hover-underline:hover{cursor:pointer;text-decoration:underline}.access-loading,.access-shell{width:100%;min-height:100vh;margin:0}.access-loading{color:var(--muted);background:radial-gradient(circle at 50% 38%,#d9ff5f33,#0000 20rem),#f6f8f2;place-content:center;justify-items:center;gap:18px;display:grid}.access-loading .brand{transform:scale(1.08)}.access-shell{color:#e9f8ed;isolation:isolate;background:linear-gradient(125deg,#06120dfa,#0b271af2),#07130d;grid-template-columns:minmax(360px,1.1fr) minmax(380px,.9fr);align-items:center;gap:clamp(30px,6vw,100px);padding:clamp(32px,6vw,88px);display:grid;position:relative;overflow:hidden}.access-shell:before{z-index:-2;content:"";opacity:.18;background-image:linear-gradient(#8edfa61f 1px,#0000 1px),linear-gradient(90deg,#8edfa61f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 35%,#000,#0000 65%);mask-image:radial-gradient(circle at 35%,#000,#0000 65%)}.access-ambient{z-index:-1;filter:blur(110px);pointer-events:none;border-radius:50%;width:38vw;height:38vw;position:absolute}.access-ambient.ambient-one{background:#c1ff4f24;top:-20vw;right:-8vw}.access-ambient.ambient-two{background:#23b2732e;bottom:-24vw;left:-10vw}.access-visual{perspective:900px;min-height:min(65vw,660px);position:relative}.identity-core{color:#dfff7b;background:radial-gradient(circle,#d2ff5c2e,#0000 68%),#0d2a1cdb;border:1px solid #ceff615c;border-radius:40px;place-items:center;width:130px;height:130px;animation:5s ease-in-out infinite identity-float;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 16px #c3ff5f09,0 0 80px #abff4626}.identity-core svg{transform:rotate(-45deg)}.identity-core i{background:#bfff59;border-radius:50%;width:8px;height:8px;position:absolute;bottom:13px;right:13px;box-shadow:0 0 18px #bfff59}.identity-orbit{border:1px solid #c0ff6626;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(66deg)}.orbit-outer{width:min(47vw,530px);height:min(47vw,530px);animation:17s linear infinite orbit-spin}.orbit-inner{width:min(31vw,350px);height:min(31vw,350px);animation:11s linear infinite orbit-spin-reverse}.identity-orbit span{background:#cfff66;border:2px solid #07150d;border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:0 0 24px #cbff63bf}.orbit-outer span:first-child{top:15%;left:14%}.orbit-outer span:nth-child(2){top:69%;right:1%}.orbit-outer span:nth-child(3){bottom:2%;left:34%}.orbit-inner span:first-child{top:-4px;left:52%}.orbit-inner span:nth-child(2){bottom:15%;right:12%}.access-signal-card{color:#e4f4e9b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d2117a8;border:1px solid #b4e7c324;border-radius:13px;align-items:center;gap:9px;padding:10px 13px;font-size:11px;animation:4.6s ease-in-out infinite signal-float;display:flex;position:absolute;box-shadow:0 12px 32px #0000002e}.access-signal-card span{color:#cfff66;font-family:Manrope,sans-serif;font-size:9px;font-weight:800}.signal-a{top:17%;left:4%}.signal-b{animation-delay:-1.6s;top:31%;right:0}.signal-c{animation-delay:-3s;bottom:18%;left:13%}.access-panel{width:min(100%,500px);color:var(--ink);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fafcf7f5;border:1px solid #ffffff8f;border-radius:30px;justify-self:end;padding:clamp(30px,4.5vw,56px);box-shadow:0 38px 100px #00000059}.access-panel .brand{margin-bottom:34px}.access-kicker{color:#305e42;letter-spacing:.4px;text-transform:uppercase;background:#f0f7ed;border:1px solid #d9e8d9;border-radius:999px;align-items:center;gap:7px;margin-bottom:15px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.access-panel h1{letter-spacing:-2px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,52px);line-height:1}.access-panel>p{color:#68756d;max-width:430px;margin:17px 0 30px;font-size:14px;line-height:1.65}.access-form{flex-direction:column;display:flex}.access-form>label{color:#526158;margin:0 0 7px 3px;font-size:11px;font-weight:800}.access-input{color:#6a7a70;background:#fff;border:1px solid #dce4da;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:18px;padding:0 13px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.access-input:focus-within{color:#2e6a45;border-color:#8cad90;transform:translateY(-1px);box-shadow:0 0 0 4px #5082571a}.access-input input{min-width:0;height:51px;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.access-input button{color:#839087;cursor:pointer;background:0 0;border:0;padding:5px;display:grid}.access-error{color:#a23b36;background:#fff4f2;border:1px solid #efd3d0;border-radius:11px;margin:-3px 0 15px;padding:10px 12px;font-size:11px}.access-submit{color:#f5ffe9;cursor:pointer;background:linear-gradient(135deg,#24583a,#153b27);border:1px solid #173b27;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:54px;margin-top:5px;padding:0 18px;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s;display:grid;box-shadow:0 15px 30px #173e283d}.access-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 40px #173e284d}.access-submit:disabled{cursor:not-allowed;opacity:.58}.access-footnote{color:#909990;text-align:center;margin-top:18px;font-size:10px;line-height:1.5;display:block}@keyframes orbit-spin{to{transform:translate(-50%,-50%)rotateX(66deg)rotate(360deg)}}@keyframes orbit-spin-reverse{to{transform:translate(-50%,-50%)rotateX(66deg)rotate(-360deg)}}@keyframes identity-float{0%,to{translate:0 -4px}50%{translate:0 7px}}@keyframes signal-float{0%,to{transform:translateY(-4px)}50%{transform:translateY(6px)}}.organization-heading{color:#728078;align-items:center;gap:5px;margin-top:2px;font-size:9px;font-weight:700;display:flex}.organization-exit{color:#536159;cursor:pointer;background:#ffffffb8;border:1px solid #dbe4d8;border-radius:12px;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.organization-note{min-width:190px}.pipeline-card{overflow:visible}.pipeline-stage{--pipeline-tilt-x:0deg;--pipeline-tilt-y:0deg;--pipeline-light-x:50%;--pipeline-light-y:30%;color:#dbece0;background:radial-gradient(circle at var(--pipeline-light-x) var(--pipeline-light-y), #b5ff631f, transparent 28%), linear-gradient(145deg, #0b1912, #10281a 58%, #0a160f);perspective:1100px;isolation:isolate;border:1px solid #9ed0ac24;border-radius:18px;min-height:500px;margin:0 8px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #010b056b}.pipeline-grid{z-index:-2;content:"";opacity:.34;transform-origin:bottom;background-image:linear-gradient(#72b38414 1px,#0000 1px),linear-gradient(90deg,#72b38414 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;transform:perspective(500px)rotateX(58deg)scale(1.5)translateY(25%)}.pipeline-glow{z-index:-1;filter:blur(60px);background:#7fff800f;border-radius:50%;width:45%;height:65%;transition:background .4s;position:absolute;top:18%;left:36%}.pipeline-detected .pipeline-glow{background:#ff4a4021}.pipeline-livebar{color:#d5e7da94;font-variant-numeric:tabular-nums;letter-spacing:.8px;text-transform:uppercase;justify-content:space-between;align-items:center;font-family:Manrope,sans-serif;font-size:9px;font-weight:700;display:flex;position:absolute;top:18px;left:20px;right:20px}.pipeline-livebar span:first-child{align-items:center;gap:7px;display:flex}.pipeline-livebar i{background:#7fe397;border-radius:50%;width:6px;height:6px;animation:2s ease-out infinite pipeline-pulse;box-shadow:0 0 14px #7fe397}.camera-constellation{width:260px;height:126px;transform-style:preserve-3d;position:absolute;top:48px;left:50%;transform:translate(-50%)rotateX(60deg)}.constellation-radar,.constellation-radar:before,.constellation-radar:after{border:1px solid #86d39b29;border-radius:50%;position:absolute;inset:0}.constellation-radar:before,.constellation-radar:after{content:""}.constellation-radar:before{inset:23%}.constellation-radar:after{inset:41%}.constellation-radar i{transform-origin:0;background:linear-gradient(90deg,#caff6b80,#0000);width:50%;height:1px;animation:6s linear infinite radar-sweep;position:absolute;top:50%;left:50%}.constellation-radar i:nth-child(2){animation-delay:-2s}.constellation-radar i:nth-child(3){animation-delay:-4s}.camera-point{--camera-angle:calc(var(--camera-index) * 45deg);top:calc(50% + sin(var(--camera-angle)) * 43%);left:calc(50% + cos(var(--camera-angle)) * 43%);color:#78c98e;background:#10271a;border:1px solid #6dbe8459;border-radius:50%;place-items:center;width:22px;height:22px;transition:color .18s,transform .18s,box-shadow .18s;display:grid;position:absolute;transform:translate(-50%,-50%)rotateX(-60deg)}.camera-point.selected{color:#d9ff5f;border-color:#d9ff5fb8;transform:translate(-50%,-50%)rotateX(-60deg)scale(1.2);box-shadow:0 0 22px #ceff5f61}.pipeline-track{transform:rotateX(var(--pipeline-tilt-x)) rotateY(var(--pipeline-tilt-y));transform-style:preserve-3d;grid-template-columns:minmax(96px,1fr) minmax(25px,.34fr) minmax(96px,1fr) minmax(25px,.34fr) minmax(108px,1.12fr) minmax(25px,.34fr) minmax(96px,1fr) minmax(25px,.34fr) minmax(96px,1fr);align-items:center;gap:6px;transition:transform .18s ease-out;display:grid;position:absolute;top:198px;left:24px;right:24px}.pipeline-node{color:#c7d9cc70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1f14bf;border:1px solid #8db7981c;border-radius:17px;flex-direction:column;justify-content:center;min-width:0;min-height:152px;padding:16px 13px;transition:color .3s,border-color .3s,background .3s,box-shadow .3s,transform .3s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff06}.pipeline-node.active{color:#e1efe5;background:#143421d9;border-color:#94dea74d;transform:translateZ(10px);box-shadow:0 18px 40px #0000002e,inset 0 1px #ffffff0a}.pipeline-node.processing{border-color:#d2ff5e94;box-shadow:0 0 32px #c9ff561c}.pipeline-node.danger{color:#ffe6e2;background:#4c1b17b8;border-color:#ff63577a}.pipeline-node-icon{opacity:.7;background:#ffffff06;border:1px solid;border-radius:13px;place-items:center;width:39px;height:39px;margin-bottom:15px;display:grid}.pipeline-node.active .pipeline-node-icon{color:#d9ff5f;opacity:1}.pipeline-node.danger .pipeline-node-icon{color:#ff786d}.pipeline-node small{letter-spacing:.7px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-bottom:5px;font-size:8px;font-weight:800;overflow:hidden}.pipeline-node strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-family:Manrope,sans-serif;font-size:11px;line-height:1.25;overflow:hidden}.pipeline-node em{color:#c7d9cc75;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-style:normal;line-height:1.35;overflow:hidden}.node-progress{background:#ffffff14;border-radius:999px;height:3px;margin-top:10px;overflow:hidden}.node-progress i{border-radius:inherit;background:#d9ff5f;height:100%;transition:width .24s;display:block;box-shadow:0 0 10px #d9ff5f}.pipeline-link{background:#8fb99924;justify-content:space-around;height:1px;display:flex;position:relative}.pipeline-link:after{content:"";background:linear-gradient(90deg,#83d79a,#d9ff5f);width:0;height:1px;transition:width .4s;position:absolute;left:0}.pipeline-link.active:after{width:100%}.pipeline-link i{z-index:1;opacity:0;background:#a2d8af;border-radius:50%;width:4px;height:4px;margin-top:-1.5px;position:relative}.pipeline-link.active i{opacity:1;animation:1.4s linear infinite packet-travel}.pipeline-link.active i:nth-child(2){animation-delay:-.45s}.pipeline-link.active i:nth-child(3){animation-delay:-.9s}.pipeline-link.danger:after,.pipeline-link.danger i{background:#ff675d}.pipeline-telemetry{color:#cddfd28a;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:18px;left:22px;right:22px}.pipeline-telemetry span{align-items:center;gap:6px;display:flex}@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes packet-travel{0%{opacity:0;transform:translate(-16px)}20%,80%{opacity:1}to{opacity:0;transform:translate(16px)}}@keyframes pipeline-pulse{0%{box-shadow:0 0 #7fe39773}70%{box-shadow:0 0 0 8px #7fe39700}to{box-shadow:0 0 #7fe39700}}.camera-facts{color:#748078;background:#fafbf8;border:1px solid #e6ebe4;border-radius:10px;gap:6px;margin:9px 0 2px;padding:10px 11px;font-size:9px;display:grid}.camera-facts span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.camera-network-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #d8e0d6f2;border-radius:22px;margin-top:20px;padding:18px;overflow:hidden}.network-refresh{color:#56645c;cursor:pointer;background:#fff;border:1px solid #dfe6dd;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.camera-network-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.camera-network-item{cursor:pointer;text-align:left;background:#fbfcf9;border:1px solid #e6ebe4;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px;transition:border-color .18s,background .18s,transform .18s;display:grid}.camera-network-item:hover,.camera-network-item.selected{background:#f2f8ef;border-color:#b8ceb9;transform:translateY(-1px)}.camera-network-icon{color:#376147;background:#eaf3e7;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.camera-network-item>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.camera-network-item strong,.camera-network-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.camera-network-item strong{font-size:11px}.camera-network-item small{color:#89938c;margin-top:2px;font-size:8px}.camera-network-item em{color:#6e7b72;text-transform:uppercase;background:#edf1eb;border-radius:999px;padding:4px 6px;font-size:7px;font-style:normal;font-weight:800}.camera-network-item em.live,.camera-network-item em.active,.camera-network-item em.connecting,.camera-network-item em.online{color:#2d7148;background:#dff2e2}@media (width<=1060px){.access-shell{grid-template-columns:minmax(300px,.8fr) minmax(380px,1fr);padding:40px}.pipeline-track{grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px;padding-bottom:10px;top:178px;overflow-x:auto}.pipeline-link{display:none}.pipeline-node{min-width:112px}}@media (width<=760px){.access-shell{justify-content:center;align-items:center;padding:24px;display:flex}.access-visual{opacity:.34;pointer-events:none;width:100%;min-height:100%;position:absolute}.access-panel{z-index:1;justify-self:auto;position:relative}.organization-exit{justify-content:center;width:36px;padding:0;font-size:0}.pipeline-stage{min-height:470px}.camera-constellation{width:210px}.pipeline-track{left:14px;right:14px}.pipeline-telemetry{flex-wrap:wrap;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.identity-core,.identity-orbit,.access-signal-card,.pipeline-livebar i,.constellation-radar i,.pipeline-link i{animation:none!important}.pipeline-track{transform:none!important}}