:root{color-scheme:dark;--bg:#09090d;--panel:#111116;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--text:#f4f4f5;--muted:#a1a1aa;--cyan:#22d3ee;--violet:#a78bfa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 0,#22d3ee10,transparent 35%),radial-gradient(ellipse at 90% 20%,#a78bfa0c,transparent 40%),var(--bg);color:var(--text);font:14px/1.5 system-ui,sans-serif}main{max-width:1480px;margin:auto;padding:24px 28px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}span[data-icon],i[data-icon],div[data-icon]{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.site-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 4px 24px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:2px;color:var(--text);text-decoration:none}.brand b{font-weight:400;color:var(--muted)}.brand-mark{width:34px;height:34px;border:1px solid var(--line2);border-radius:11px;background:linear-gradient(135deg,#22d3ee18,#a78bfa18);color:#67e8f9}.private-label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.private-label svg{width:14px}.studio{border:1px solid var(--line2);border-radius:22px;background:#060609d1;box-shadow:0 30px 80px #0007;overflow:hidden;backdrop-filter:blur(12px)}.studio-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line);background:#0005}.studio-symbol{width:36px;height:36px;border-radius:10px;background:#ffffff08;color:#c4b5fd}.studio-file{display:grid;flex:1;min-width:120px}.studio-file b{font-size:15px}.studio-file small{font-size:12px;color:var(--muted)}.badge{border:1px solid var(--line2);border-radius:7px;padding:5px 9px;font-size:11px;color:var(--muted)}.badge.online{color:#67e8f9;border-color:#22d3ee40;background:#22d3ee08}.studio-body{display:flex;min-height:680px}.tool-rail{width:186px;flex:none;display:flex;flex-direction:column;gap:5px;padding:14px 10px;border-right:1px solid var(--line);background:#0004;transition:width .2s}.rail-tool,.rail-toggle{display:flex;align-items:center;gap:12px;text-align:left;min-height:42px;padding:10px 12px;border:1px solid transparent;background:none;color:var(--muted);box-shadow:none;font-size:13px;white-space:nowrap}.rail-toggle{font-size:12px;color:#85858f}.rail-tool svg,.rail-toggle svg{width:19px}.rail-tool:hover,.rail-tool.active{color:#fff;background:#ffffff0b;border-color:var(--line2)}.rail-caption{font-size:10px;letter-spacing:1.5px;color:#62626f;padding:15px 12px 3px;margin:0}.rail-bottom{margin-top:auto;padding:26px 12px 4px;color:#62626f;font-size:11px}.rail-bottom svg{color:#a78bfa}.rail-bottom p{margin:8px 0}.studio.collapsed .tool-rail{width:66px}.studio.collapsed .tool-name,.studio.collapsed .rail-caption,.studio.collapsed .rail-bottom{display:none}.studio-stage{min-width:0;flex:1;padding:26px;background:radial-gradient(ellipse at 70% 0,#a78bfa05,transparent 50%),#0c0c11;scroll-behavior:smooth}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#a78bfa;margin:0 0 8px;font-weight:700}h1{font-size:28px;letter-spacing:-.8px;line-height:1.2;margin:0 0 8px}h2{display:flex;align-items:center;gap:9px;font-size:14px;margin:0;font-weight:600}h2 svg{color:#9999a6;width:17px}.subtitle{margin:0;color:var(--muted);font-size:12px}.test-tag{font-size:9px;letter-spacing:1.2px;color:#888895;border:1px solid var(--line);border-radius:6px;padding:6px 9px;white-space:nowrap}.panel{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics .panel{padding:16px 18px}.metrics span{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.metrics svg{width:14px;height:14px;color:#71717e}.metrics strong{display:block;font-size:20px;font-weight:500;margin-top:8px;letter-spacing:-.5px}.warning{font-size:12px;border:1px solid #dcb56c25;border-radius:10px;padding:11px 14px;background:#dcb56c08;color:#d0bc95;margin:16px 0}.warning.good{border-color:#22d3ee20;background:#22d3ee05;color:#9ab9c0}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.section-title button{font-size:11px;padding:8px 10px}.section-title button svg{width:14px;height:14px}button,.download{display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--line2);border-radius:9px;background:linear-gradient(180deg,#ffffff12,#ffffff05);color:#ececf0;box-shadow:0 2px 0 #0008,inset 0 1px 0 #ffffff08;font:600 12px/1.3 system-ui,sans-serif;cursor:pointer;text-decoration:none}button:hover:not(:disabled),.download:hover{filter:brightness(1.15)}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}.primary{background:linear-gradient(180deg,#fff,#e9edf2 55%,#d9dee6);color:#0a0a0c;box-shadow:0 2px 0 #9aa3af,0 6px 18px #0005,inset 0 1px 0 #fff}.quiet{background:linear-gradient(180deg,#ffffff0b,#ffffff03)}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:#a5cdd5}.small{font-size:11px;color:var(--muted);line-height:1.6}.locator-switch{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted);margin:0 0 13px}.locator-switch input{width:16px;height:16px;accent-color:#9ca3af;flex:none;margin:0}.map-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin-bottom:13px}.map-toolbar .badge{border-color:#22d3ee25;color:#9ab9c0}.map-toolbar .badge.stale{border-color:#dcb56c35;color:#d0bc95}.map-toolbar button{padding:7px 9px;font-size:10px}.map-toolbar button svg{width:13px;height:13px}#map{height:310px;border-radius:10px;background:#1a1a22;z-index:0}.leaflet-container{color:#222}.location-label{background:#17171e;color:#eee;border:1px solid #555561;border-radius:7px;font-size:10px;box-shadow:0 3px 14px #0006}.map-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;margin-top:12px}.map-panel>.small:last-child{margin-bottom:0}.leaflet-control-attribution a{color:#145944}.video-wrap{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;border:1px solid #ffffff06;border-radius:10px;background:repeating-conic-gradient(#101016 0 25%,#0b0b10 0 50%) 0 0/22px 22px}video{position:absolute;width:100%;height:100%;object-fit:contain}#videoPlaceholder{text-align:center;padding:28px;z-index:1}.view-icon{width:56px;height:56px;background:linear-gradient(135deg,#22d3ee12,#a78bfa12);color:#a1a1aa;border:1px solid var(--line);border-radius:16px}.view-icon svg{width:26px;height:26px}#videoPlaceholder p{font-size:16px;margin:12px 0 6px}#videoPlaceholder span:last-child{font-size:11px;color:#777782}.controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.feed-controls{display:grid;grid-template-columns:1fr 1fr}.screen-share{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.screen-share>div{flex:1}.screen-share b{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500}.screen-share b svg{width:15px;height:15px;color:#a78bfa}.screen-share p{margin:6px 0 0}.screen-share button{flex:none}.sound{width:100%;margin-top:12px}.recording-panel{margin-top:16px}.recording-panel>p{color:var(--muted);font-size:12px}.end-session{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 0}.end-session p{font-size:11px;color:#71717e}.end-session button{font-size:11px}.studio-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 18px;border-top:1px solid var(--line);font-size:10px;color:#71717e;background:#0004}.error{font-size:13px;color:#fda4af}#pair{max-width:480px;margin:80px auto;padding:38px;background:linear-gradient(160deg,#17171e,#0f0f14);box-shadow:0 24px 80px #0005}#pair h1{font-size:32px}#pair>p{color:var(--muted);font-size:13px}#pair .eyebrow{color:#a78bfa;font-size:10px}.login-mark{width:48px;height:48px;border:1px solid var(--line2);border-radius:14px;background:linear-gradient(135deg,#22d3ee15,#a78bfa15);color:#c4b5fd;margin-bottom:24px}.login-mark svg{width:23px;height:23px}#pair label{display:block;font-size:12px;margin:24px 0 8px;color:var(--muted)}.pairline{display:flex;gap:10px}#pair input{min-width:0;width:100%;flex:1;padding:14px;border:1px solid var(--line2);border-radius:9px;background:#09090d;color:var(--text);font:inherit}#pin{letter-spacing:5px}#keyField summary{font-size:12px;color:var(--muted);cursor:pointer;margin-top:18px}#pair .small{font-size:11px}[hidden]{display:none!important}@media(min-width:1100px){.studio-stage{max-height:calc(100vh - 190px);min-height:680px;overflow:auto;scrollbar-color:#33333e transparent;scrollbar-width:thin}}@media(max-width:1100px){.tool-rail{width:164px}.studio-stage{padding:20px}.workspace{grid-template-columns:1fr}.camera-panel .video-wrap{max-height:400px}.heading{align-items:flex-start}.test-tag{display:none}}@media(max-width:650px){main{padding:16px 10px}.site-header{margin:0 6px 18px}.brand{font-size:12px;letter-spacing:1px}.private-label{font-size:0}.private-label svg{width:16px}.studio{border-radius:16px}.studio-top{padding:12px;gap:9px}.studio-symbol{display:none}.studio-top .badge{font-size:10px;padding:5px 7px}.studio-top button{font-size:10px;padding:8px}.studio-file{min-width:100px}.studio-file b{font-size:13px}.studio-file small{font-size:10px}.studio-body{display:block}.tool-rail{width:100%!important;flex-direction:row;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--line);gap:4px;scrollbar-width:thin}.rail-tool,.rail-toggle{min-height:35px;padding:8px;gap:6px;font-size:10px;flex:none}.rail-caption,.rail-bottom{display:none}.rail-toggle .tool-name{display:none}.studio.collapsed .tool-name{display:none}.rail-tool svg{width:16px;height:16px}.studio-stage{padding:16px 12px}.heading h1{font-size:23px}.subtitle{font-size:11px}.metrics{gap:7px}.metrics .panel{padding:12px 9px}.metrics strong{font-size:16px}.metrics span{font-size:10px;gap:4px}.metrics svg{display:none}.panel{padding:16px;border-radius:12px}#map{height:300px}.section-title{gap:8px}h2{font-size:13px}.heading{margin-bottom:18px}.warning{font-size:11px}.screen-share{gap:9px}.screen-share button{font-size:11px;padding:9px}.end-session{align-items:flex-start}.end-session p{margin:0}.end-session button{max-width:170px}.studio-footer{padding:12px;font-size:9px}#pair{margin:40px auto;padding:26px}.pairline{flex-direction:column}.pairline button{padding:13px}#pair h1{font-size:29px}}