@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#e4ebf6;font-synthesis:none;text-rendering:optimizelegibility;--bg:#080d15;--panel:#101722;--panel-soft:#121b29;--line:#8ea9cd2b;--muted:#7d8b9f;--muted-light:#a4b1c2;--blue:#56b8ff;--green:#6de0a0;--orange:#ff8b66;background:#080d15;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:1080px;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}.app-shell{background:radial-gradient(circle at 85% 5%, #2b486e21, transparent 32rem), var(--bg);min-height:100vh;display:flex}.sidebar{background:linear-gradient(#0b111b 0%,#0a1019 100%);border-right:1px solid #8ea9cd1f;flex-direction:column;flex:0 0 220px;width:220px;min-height:100vh;padding:28px 16px 18px;display:flex}.brand-lockup{align-items:center;gap:11px;padding:0 12px 36px;display:flex}.brand-mark{align-items:flex-end;gap:3px;width:25px;height:26px;display:flex;position:relative}.brand-mark span{background:linear-gradient(#65c7ff,#6d74ff);border-radius:2px 2px 0 0;width:6px;display:block;transform:skew(-14deg)}.brand-mark span:first-child{opacity:.65;height:15px}.brand-mark span:nth-child(2){height:23px}.brand-mark span:nth-child(3){opacity:.8;height:18px}.brand-name,.brand-subname{letter-spacing:.23em;margin:0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;line-height:.88}.brand-subname{color:#8294ac;letter-spacing:.33em;margin-top:5px;font-size:9px}.workspace-label,.eyebrow-small,.eyebrow,.panel-title span,.panel-index,.engine-card-top,.output-meta,.camera-overlay-top,.camera-overlay-bottom,.avatar-overlay-top,.avatar-overlay-bottom,.timecode,.nav-beta,.session-status,.latency,.footer-note{letter-spacing:.08em;font-family:DM Mono,monospace}.workspace-label{color:#59677a;letter-spacing:.14em;padding:0 12px 12px;font-size:9px}.nav-list{gap:4px;display:grid}.nav-item{text-align:left;color:#8190a5;background:0 0;border-radius:7px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:12px;transition:all .2s;display:flex}.nav-item:hover{color:#dbe8f8;background:#81a0c812}.nav-item.active{color:#dceeff;background:linear-gradient(90deg,#4986c02e,#4986c00a);box-shadow:inset 2px 0 #55baff}.nav-item.active svg{color:#64c2ff}.nav-live-dot,.status-pulse,.green-dot,.latency-dot{border-radius:999px;display:inline-block}.nav-live-dot{background:#6de0a0;width:5px;height:5px;margin-left:auto;box-shadow:0 0 0 4px #6de0a01a}.nav-beta{color:#7487a3;border:1px solid #34445a;border-radius:3px;margin-left:auto;padding:2px 4px;font-size:8px}.sidebar-spacer{flex:1}.engine-card{background:#13272a47;border:1px solid #6de0a02e;border-radius:8px;margin:15px 4px 14px;padding:12px}.engine-card-top{color:#6de0a0;align-items:center;gap:6px;font-size:8px;display:flex}.engine-version{color:#5d8779;margin-left:auto}.status-pulse{background:#6de0a0;width:6px;height:6px;box-shadow:0 0 0 4px #6de0a01f}.engine-card strong{color:#b5d0c5;margin:14px 0 10px;font-size:11px;font-weight:500;display:block}.engine-tags{gap:5px;display:flex}.engine-tags span{color:#81a89a;background:#6de0a014;border-radius:3px;padding:3px 6px;font:9px DM Mono,monospace}.bottom-item{margin-bottom:13px}.profile-chip{color:#77879b;border-top:1px solid #8ea9cd1f;align-items:center;gap:9px;padding:17px 3px 0;display:flex}.avatar-initial{color:#a5cff2;background:#263953;border:1px solid #42678d;border-radius:50%;place-items:center;width:27px;height:27px;font:11px Space Grotesk,sans-serif;display:grid}.profile-copy{flex-direction:column;flex:1;gap:3px;display:flex}.profile-copy strong{color:#ced8e6;font-size:10px;font-weight:500}.profile-copy span{color:#607188;font:8px DM Mono,monospace}.content{flex:1;min-width:0}.topbar{border-bottom:1px solid #8ea9cd1f;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex}.breadcrumb{color:#8393a7;align-items:center;gap:10px;font-size:11px;display:flex}.breadcrumb strong{color:#dbe5f1;font-weight:500}.slash{color:#465366}.unsaved-dot{background:#e49a68;border-radius:50%;width:5px;height:5px;margin-left:6px}.unsaved{color:#6f7e93;font:9px DM Mono,monospace}.top-actions{align-items:center;gap:12px;display:flex}.latency{color:#80a392;align-items:center;gap:7px;font-size:9px;display:flex}.latency-dot{background:#6de0a0;width:5px;height:5px}.icon-button{color:#8898ad;background:#121b28;border:1px solid #8ea9cd26;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{color:#e3eefb;border-color:#8ea9cd59}.icon-button.tiny{background:0 0;border:0;width:25px;height:25px}.export-button{color:#bfdcff;background:#163554;border:1px solid #285b84;border-radius:5px;align-items:center;gap:8px;height:32px;padding:0 13px;font-size:10px;display:flex}.export-button:hover{background:#1c466e}.page-body{max-width:1580px;margin:0 auto;padding:35px 34px 18px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:27px;display:flex}.eyebrow{color:#64b4e7;align-items:center;gap:8px;font-size:9px;display:flex}.eyebrow-line{background:#56b8ff;width:23px;height:1px;display:inline-block}.page-heading h1{color:#f0f5fb;letter-spacing:-.045em;margin:11px 0 8px;font:600 31px/1.1 Space Grotesk,sans-serif}.page-heading p{color:#8492a6;margin:0;font-size:12px}.session-status{color:#8fa0b4;padding-bottom:3px;font-size:9px}.session-status .status-pulse{margin-right:7px}.session-separator{color:#526174;padding:0 4px}.workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(315px,.65fr);align-items:start;gap:16px;display:grid}.preview-column{gap:16px;min-width:0;display:grid}.panel{background:linear-gradient(145deg,#121b28f0,#0c131dfa);border:1px solid #8ea9cd24;border-radius:8px;overflow:hidden;box-shadow:0 12px 32px #0000001f}.panel-header{border-bottom:1px solid #8ea9cd1f;justify-content:space-between;align-items:center;min-height:65px;padding:0 17px;display:flex}.panel-title{align-items:center;gap:12px;display:flex}.panel-index{color:#54708d;font-size:10px}.panel-title h2,.inspector-header h2,.people-header h2,.selected-heading h2{color:#e6eef8;margin:0 0 4px;font:600 13px Space Grotesk,sans-serif}.panel-title>div>span{color:#66778e;font-size:8px;display:block}.source-switch{background:#0c131d;border:1px solid #8ea9cd1c;border-radius:5px;padding:3px;display:flex}.source-switch button{color:#77889b;background:0 0;border-radius:3px;align-items:center;gap:6px;height:25px;padding:0 9px;font-size:9px;display:flex}.source-switch button.source-active{color:#bfe1fc;background:#22364b}.camera-viewport{aspect-ratio:16/8.8;background:#12283b;min-height:315px;position:relative;overflow:hidden}.camera-video{object-fit:cover;filter:saturate(.77)contrast(1.05)brightness(.7);width:100%;height:100%;display:block}.camera-video.mirrored{transform:scaleX(-1)}.scan-wash{pointer-events:none;background:linear-gradient(100deg,#08111b6b,#0000 28% 74%,#0f161f4d),linear-gradient(#5dcbff12,#0000 23% 68%,#070c1452);position:absolute;inset:0}.view-grid{opacity:.12;background-image:linear-gradient(#a6d2f452 1px,#0000 1px),linear-gradient(90deg,#a6d2f452 1px,#0000 1px);background-size:13% 25%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.camera-corner{border-style:solid;border-color:#80d7ffcc;width:18px;height:18px;position:absolute}.camera-corner.top-left{border-width:1px 0 0 1px;top:17px;left:17px}.camera-corner.top-right{border-width:1px 1px 0 0;top:17px;right:17px}.camera-corner.bottom-left{border-width:0 0 1px 1px;bottom:17px;left:17px}.camera-corner.bottom-right{border-width:0 1px 1px 0;bottom:17px;right:17px}.camera-overlay-top,.avatar-overlay-top,.camera-overlay-bottom,.avatar-overlay-bottom{color:#ddf1ffb8;z-index:2;justify-content:space-between;font-size:8px;display:flex;position:absolute;left:17px;right:17px}.camera-overlay-top,.avatar-overlay-top{top:16px}.camera-overlay-bottom,.avatar-overlay-bottom{color:#cddff09e;bottom:14px}.rec-indicator{color:#ff8c7c;align-items:center;gap:5px;display:flex}.rec-indicator span{background:#ff7667;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #ff76671f}.tracking-pill{color:#86c9ed;background:#09111bc7;border:1px solid #60b3e952;border-radius:4px;align-items:center;gap:6px;padding:7px 9px;font:8px DM Mono,monospace;display:flex;position:absolute;top:48px;right:16px}.tracking-pill strong{color:#d4ecfb;margin-left:5px;font-weight:500}.face-box{z-index:1;border:1px solid #71d3ffcc;width:15%;height:42%;position:absolute}.face-box span{color:#7fd5fd;background:#0b1c29cc;padding:2px 4px;font:8px DM Mono,monospace;position:absolute;top:-16px;left:-1px}.box-one{top:25%;left:29%}.box-two{border-color:#6ed2ff94;width:12%;height:36%;top:28%;left:47%}.box-three{border-color:#6ed2ff61;width:9%;height:29%;top:33%;left:65%}.detected-label{z-index:2;color:#9ce0ff;background:#0b1d2abf;border-left:2px solid #61c6fa;padding:4px 6px;font:8px DM Mono,monospace;position:absolute}.label-one{top:69%;left:29%}.label-two{opacity:.75;top:66%;left:47%}.viewport-message{color:#c9e8ff;z-index:4;background:#0a111a8c;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.camera-error{z-index:5;color:#ffc1ab;background:#461f23e0;border:1px solid #ff897357;border-radius:4px;align-items:center;gap:8px;padding:9px 10px;font-size:10px;display:flex;position:absolute;bottom:45px;left:15px;right:15px}.transport-bar{border-top:1px solid #8ea9cd1a;align-items:center;gap:13px;height:52px;padding:0 16px;display:flex}.transport-button{color:#a4b6ca;background:0 0;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.transport-button:hover{color:#dff2ff;background:#213248}.timecode{color:#d3deeb;white-space:nowrap;font-size:9px}.timecode span{color:#68788b}.timeline{background:#273648;border-radius:2px;flex:1;height:3px;position:relative}.timeline:after{content:"";width:var(--progress);border-radius:inherit;background:#56b8ff;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px #56b8ff8c}.timeline span{width:9px;height:9px;top:-3px;left:var(--progress);z-index:1;background:#bfe5ff;border-radius:50%;position:absolute;box-shadow:0 0 0 3px #56b8ff33}.avatar-viewport{aspect-ratio:16/9;background:radial-gradient(circle at 52% 39%,#2d476352,#0000 43%),#0d1723;min-height:340px;position:relative;overflow:hidden}.avatar-stage{position:absolute;inset:0}.avatar-overlay-top,.avatar-overlay-bottom{pointer-events:none}.avatar-overlay-bottom .green-dot{margin-right:6px}.green-dot{vertical-align:middle;background:#6de0a0;width:5px;height:5px}.avatar-selected-marker{color:#d6eeff;white-space:nowrap;background:#112435b8;border:1px solid #66c7f75c;border-radius:3px;padding:5px 9px;font:9px DM Mono,monospace;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.avatar-selected-marker span{color:#60809d;padding:0 5px}.output-meta{color:#7ea993;align-items:center;gap:6px;font-size:8px;display:flex}.output-meta .green-dot{margin-right:2px}.inspector-column{gap:16px;display:grid}.inspector-panel{padding-bottom:14px}.inspector-header,.people-header{justify-content:space-between;align-items:flex-start;padding:18px 17px 16px;display:flex}.eyebrow-small{color:#668198;margin-bottom:6px;font-size:8px;display:block}.inspector-header h2{font-size:16px}.inspector-section{border-top:1px solid #8ea9cd1a;padding:17px}.compact-section{padding-top:15px;padding-bottom:15px}.setting-label{color:#b3c1d1;justify-content:space-between;align-items:center;font-size:11px;display:flex}.setting-label strong{color:#e2eef9;font:500 12px DM Mono,monospace}.setting-label strong small{color:#62738a;font-size:9px}.range-input{accent-color:#56b8ff;width:100%;height:3px;margin:17px 0 7px}.range-caption{color:#5d6d81;justify-content:space-between;font:8px DM Mono,monospace;display:flex}.select-control{color:#8fbfe0;align-items:center;gap:5px;font-size:10px;display:flex}.style-options{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.style-card{color:#75869a;background:#0f1824cc;border:1px solid #8ea9cd24;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:65px;font-size:8px;display:flex}.style-card:hover{border-color:#8ea9cd66}.style-card.selected{color:#c9e7fb;background:#29537452;border-color:#56b8ff;box-shadow:inset 0 0 0 1px #56b8ff24}.style-orb{border-radius:50%;width:23px;height:23px;display:block;position:relative}.studio-orb{background:radial-gradient(circle at 34% 30%,#ffd8bf,#d87f6d 36%,#493951 38%,#1d2635 73%);box-shadow:0 0 10px #ff756829}.wire-orb{background:linear-gradient(135deg,#0000 45%,#71c8ff33 46%,#0000 49%),linear-gradient(45deg,#0000 45%,#71c8ff73 46%,#0000 49%);border:1px solid #71c8ff}.silhouette-orb{background:linear-gradient(130deg,#6de0a0,#5a68ba);box-shadow:0 0 11px #6de0a03b}.toggle-section{gap:17px;display:grid}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-row>div{flex-direction:column;gap:4px;display:flex}.toggle-row strong{color:#bbc8d7;font-size:11px;font-weight:500}.toggle-row span:not(.toggle span){color:#64758a;font-size:9px}.toggle{background:#243246;border-radius:12px;width:31px;height:19px;padding:2px;transition:all .2s}.toggle span{background:#718197;border-radius:50%;width:15px;height:15px;transition:all .2s;display:block}.toggle.on{background:#25618a}.toggle.on span{background:#a9e1ff;transform:translate(12px)}.pipeline-card{background:#0c151f;border:1px solid #8ea9cd1f;border-radius:5px;margin:1px 17px 0;padding:12px 11px 9px}.pipeline-card-header{color:#93ccef;align-items:center;gap:6px;margin-bottom:10px;font-size:10px;display:flex}.pipeline-card-header span{color:#6de0a0;margin-left:auto;font:8px DM Mono,monospace}.pipeline-row{color:#65758a;border-top:1px solid #8ea9cd12;align-items:center;padding:6px 0;font-size:9px;display:flex}.pipeline-row b{color:#aab9cb;margin-left:auto;font:400 9px DM Mono,monospace}.mini-status{background:#6de0a0;border-radius:50%;width:5px;height:5px;margin-left:8px}.selected-panel{padding:17px}.selected-heading{align-items:center;gap:10px;display:flex}.selected-heading h2{margin:3px 0 0;font-size:14px}.selected-avatar{background:radial-gradient(circle at 40% 27%, #f4c0a0 0 23%, transparent 24%), linear-gradient(145deg, var(--accent), #27364a);width:36px;height:36px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 52%, transparent);border-radius:50%;position:relative}.selected-avatar:after{content:"";background:var(--accent);border-radius:10px 10px 5px 5px;height:12px;position:absolute;bottom:5px;left:10px;right:10px}.confidence-badge{color:#78dba2;background:#6de0a01a;border-radius:3px;margin-left:auto;padding:4px 6px;font:9px DM Mono,monospace}.confidence-badge.tracking{color:#f0bd72;background:#f0bd721a}.confidence-badge.lost{color:#f18181;background:#f181811a}.attribute-grid{border-top:1px solid #8ea9cd1a;grid-template-columns:1fr 1fr;gap:11px 18px;margin:18px 0 15px;padding-top:15px;display:grid}.attribute-grid div{flex-direction:column;gap:5px;display:flex}.attribute-grid span,.motion-readout span{color:#65768b;font:8px DM Mono,monospace}.attribute-grid strong{color:#cbd7e4;font-size:10px;font-weight:500}.attribute-grid .wide{grid-column:1/-1}.motion-readout{background:#56b8ff0f;border:1px solid #56b8ff1f;border-radius:4px;align-items:center;gap:9px;padding:10px;display:flex}.motion-icon{color:#60c4fb;background:#56b8ff1c;border-radius:4px;place-items:center;width:27px;height:27px;display:grid}.motion-readout div:nth-child(2){flex-direction:column;gap:3px;display:flex}.motion-readout strong{color:#cae8fa;font-size:10px;font-weight:500}.motion-signal{margin-left:auto;color:#69c994!important;font-size:8px!important}.people-panel{overflow:hidden}.people-header{padding-bottom:14px}.people-header h2{font-size:16px}.people-header h2 em{color:#61c2f8;padding-left:4px;font:13px DM Mono,monospace}.people-list{border-top:1px solid #8ea9cd1a}.person-row{text-align:left;color:#91a0b2;background:0 0;border-bottom:1px solid #8ea9cd0f;align-items:center;gap:8px;width:100%;padding:11px 15px;display:flex}.person-row:hover{background:#5b8db90f}.person-row.selected{color:#e1effb;background:linear-gradient(90deg,#4887ba29,#4887ba08);box-shadow:inset 2px 0 #58bdfc}.person-index{color:#52657c;width:17px;font:8px DM Mono,monospace}.person-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #ffffff0a}.person-name{flex:1;font-size:10px}.person-state{color:#6cce94;align-items:center;gap:5px;font:8px DM Mono,monospace;display:flex}.person-state i{background:currentColor;border-radius:50%;width:4px;height:4px}.person-state.tracking{color:#e9b96e}.person-state.lost{color:#da7b83}.person-score{color:#a7b8cb;text-align:right;width:29px;font:9px DM Mono,monospace}.people-footer{color:#607287;align-items:center;gap:6px;padding:12px 15px;font-size:9px;display:flex}.people-footer svg{color:#6284a3}.footer-note{color:#56667b;align-items:center;gap:9px;padding:17px 1px 0;font-size:8px;display:flex}.footer-note span{align-items:center;gap:5px;display:flex}.footer-note svg{color:#6c849e}.footer-right{color:#64758a;margin-left:auto}@media (width<=1180px){body{min-width:0}.sidebar{flex-basis:190px;width:190px}.page-body{padding-left:22px;padding-right:22px}.topbar{padding:0 22px}.workspace-grid{grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr)}.page-heading h1{font-size:27px}.camera-viewport{min-height:270px}.avatar-viewport{min-height:290px}}