:root{color-scheme:dark;--bg:#101619;--panel:#171e22;--panel-2:#1c2529;--border:#2c363a;--text:#eef2ed;--muted:#a8b3ad;--faint:#6f8078;--accent:#b6eeaa;--accent-dark:#17251a;--radius:16px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(38px,4.1vw,58px);font-weight:620;line-height:1.07;letter-spacing:-2.7px}h2{font-weight:570;letter-spacing:-.5px}h3{font-weight:560}p{color:var(--muted)}[hidden]{display:none!important}.shell{width:min(1240px,100% - 96px);margin:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:block;width:39px;height:39px;background:var(--accent);border-radius:12px;position:relative}.brand-mark:before{content:"";position:absolute;inset:11px 8px 9px;border-radius:4px;background:#17251a}.brand-mark:after{content:"";position:absolute;left:15px;top:15px;width:9px;height:9px;border:2px solid var(--accent);border-radius:50%}.brand>span:last-child{font-size:20px;font-weight:620;line-height:1.2;letter-spacing:-.55px}.brand-caption{display:block;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:.2px;margin-top:4px}.header nav{display:flex;align-items:center;gap:34px}.nav-link{font-size:13px;color:var(--muted);padding:9px 0}.nav-link:hover{color:var(--text)}.header-note{font-size:12px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid var(--border);border-radius:9px;padding:13px 18px;font-weight:520;font-size:13px;white-space:nowrap}.button:hover:not(:disabled){background:var(--panel-2);border-color:#5c7264}.button.small{padding:9px 15px;gap:26px}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-dark)}.button.primary:disabled{opacity:.4}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:49px 0 36px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:550;letter-spacing:1.8px;color:var(--accent);line-height:1.5}.tiny-dot{display:inline-block;background:var(--accent);width:5px;height:5px;border-radius:50%;flex:none}.intro h1{margin-top:17px}.accent{color:var(--accent)}.intro p{font-size:13px;margin-top:18px;line-height:1.7}.intro-note{display:flex;gap:17px;border:1px solid var(--border);border-radius:13px;padding:19px 23px;margin-bottom:4px;color:var(--muted);font-size:12px;line-height:1.45;min-width:273px}.intro-note strong{font-size:14px;font-weight:550;color:var(--text)}.intro-note small{display:block;font-size:10px;color:var(--faint);margin-top:9px;line-height:1.55}.outline-icon{font-size:29px;font-weight:200;color:var(--accent);line-height:1.1}.viewer{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);overflow:hidden}.viewer-bar{display:flex;justify-content:space-between;align-items:center;padding:17px 22px}.scene-heading{display:flex;gap:12px;align-items:center}.scene-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#26332a;color:var(--accent);border:1px solid #3d5140;border-radius:9px;font-size:19px}.scene-heading h2{font-size:14px;font-weight:550;letter-spacing:-.1px}.scene-heading div>span{display:block;margin-top:3px;font-size:9px;color:var(--muted);letter-spacing:.65px}.badge{display:inline-flex;align-items:center;gap:7px;background:#26332a;color:#c9dfc2;border:1px solid #3a4a3d;font-size:10px;padding:6px 10px;border-radius:6px}.canvas-wrap{position:relative;overflow:hidden;background:#17262b;border-top:1px solid var(--border);border-bottom:1px solid var(--border);height:430px}#scene{display:block;width:100%;height:100%}.scene-coordinate{position:absolute;top:22px;left:25px;display:flex;flex-direction:column;font-family:"SFMono-Regular",Consolas,monospace;font-size:9px;letter-spacing:1.2px;color:#b5c6be;pointer-events:none}.scene-coordinate small{font-size:8px;color:#819990;margin-top:5px}.scene-compass{position:absolute;right:28px;top:24px;display:flex;align-items:center;flex-direction:column;font:8px Consolas,monospace;color:#819990;gap:4px;pointer-events:none}.scene-compass i{display:block;width:16px;height:24px;background:linear-gradient(135deg,#c3d8cb 49%,#49665a 50%);clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);transform:rotate(25deg)}.scene-watermark{position:absolute;bottom:21px;left:25px;font-size:13px;letter-spacing:2px;color:#7e9b8c;pointer-events:none}.scene-watermark strong{font-weight:500;color:#b9d1c2}.scene-watermark span{display:block;font:7px Consolas,monospace;letter-spacing:2px;margin-top:2px}.viewer-controls{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;gap:14px}.angles{display:flex;gap:3px;border:1px solid var(--border);background:#121a1d;border-radius:8px;padding:3px}.angles button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#8c9c94;border-radius:5px;padding:7px 14px;min-width:100px}.angles button span{font-size:11px}.angles button[aria-pressed=true]{background:#2c3c2f;color:var(--accent);box-shadow:inset 0 0 0 1px #455a46}.angles button:hover{color:var(--text)}.play-controls{display:flex;gap:6px}.icon-button{display:flex;align-items:center;justify-content:center;font-size:11px;gap:8px;color:var(--muted);padding:8px 11px;border:1px solid var(--border);border-radius:7px;background:#1c2428;min-height:35px}.icon-button:hover,.icon-button[aria-pressed=true]{color:var(--accent);border-color:#506452}.pause-button>span:first-child{font-size:15px;color:#c5d2c8;line-height:1}.viewer-footnote{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:var(--faint);border-top:1px solid #232d31;padding:9px 22px}.viewer-footnote span:first-child{display:flex;align-items:center;gap:7px}.subtle-dot{display:block;background:#718579;width:4px;height:4px;border-radius:50%}.camera-section{scroll-margin-top:20px;padding-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:13px}.section-heading h2{font-size:17px}.section-heading>span{font-size:9px;letter-spacing:.8px;color:var(--faint)}.camera-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.camera-card{text-align:left;display:grid;grid-template-columns:84px 1fr 12px;gap:14px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:13px;background:var(--panel);min-width:0;transition:border-color .15s,background .15s}.camera-card:hover{border-color:#6c8770;background:#1b2526}.camera-card.active{border-color:#78a675;background:#1b2724;box-shadow:0 0 0 1px #4d6b481b}.camera-preview{display:block;position:relative;overflow:hidden;border-radius:7px;width:84px;height:79px;background:#233b31;border:1px solid #3a5244}.camera-preview>i{position:absolute;display:block;background:#90ab84;border:1px solid #597452;width:30px;height:29px;transform:skewY(-22deg) rotate(-2deg);box-shadow:8px 5px 0 #41613e}.camera-preview>i:nth-child(1){left:7px;top:14px}.camera-preview>i:nth-child(2){left:49px;top:41px;background:#b7a586;box-shadow:8px 5px 0 #78654d}.camera-preview>i:nth-child(3){left:7px;top:56px;width:18px;height:18px;background:#597e51;box-shadow:5px 3px 0 #355b32}.camera-preview b{position:absolute;bottom:5px;right:6px;font:8px Consolas,monospace;color:#bcd0b6;font-weight:400}.river-preview{background:linear-gradient(145deg,#1f453f 39%,#48746e 40%,#335b58 63%,#2a4134 64%)}.river-preview>i:nth-child(1){top:9px;left:44px;background:#c5b89b;box-shadow:8px 5px 0 #85754e}.river-preview>i:nth-child(2){top:52px;left:8px;background:#547349;box-shadow:8px 5px 0 #355730}.river-preview>i:nth-child(3){display:none}.camera-info{display:flex;flex-direction:column;min-width:0}.camera-status{display:flex;gap:5px;align-items:center;font-size:9px;color:#b8d7ad;margin-bottom:5px}.camera-status .tiny-dot{width:4px;height:4px}.camera-info>strong{font-size:12px;line-height:1.3;font-weight:550}.camera-caption{font-size:9px;color:var(--faint);margin-top:5px}.card-arrow{align-self:start;color:#6f8b76;font-size:13px}.private-preview{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#20282b 0 10px,#222c2e 10px 11px);border-color:#344044}.private-status{color:#a8b4ad}.private-preview b{color:#8c9f95}.lock-icon{width:18px;height:15px;border:1.5px solid #81988b;border-radius:3px;position:relative;margin-top:9px}.lock-icon:before{content:"";position:absolute;left:3px;top:-10px;width:9px;height:11px;border:1.5px solid #81988b;border-radius:8px 8px 0 0}.lock-icon:after{content:"";position:absolute;left:7px;top:5px;width:2px;height:5px;background:#81988b}.developer-card{margin:29px 0 35px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(120deg,#1d2b25,#172023 67%);border:1px solid var(--border);border-radius:12px}.developer-card .eyebrow{font-size:8px;letter-spacing:1.6px;color:#94b58f}.developer-card h2{font-size:20px;margin-top:7px}.developer-card p{font-size:11px;margin-top:7px}.developer-card .button{font-size:11px;gap:20px}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 0 27px;border-top:1px solid var(--border);font-size:9px;color:var(--faint)}.footer .nav-link{font-size:9px;padding:0;color:var(--faint)}
dialog{margin:auto;padding:0;border:1px solid #42504a;border-radius:18px;width:min(760px,calc(100% - 32px));max-height:calc(100% - 40px);color:var(--text);background:var(--panel);box-shadow:0 22px 100px #0007}dialog::backdrop{background:#071013cc;backdrop-filter:blur(7px)}.dialog-content{position:relative;padding:35px 36px}.dialog-close{position:absolute;right:16px;top:12px;color:#aab7ad;font-size:24px;width:30px;height:30px;border-radius:5px;line-height:1}.dialog-close:hover{background:#303c34;color:white}.dialog-content>h2{font-size:28px;margin-top:13px}.dialog-content>p{font-size:13px;margin-top:11px;line-height:1.65}.login-dialog-content{padding:36px 45px;width:min(470px,100%);margin:auto}.login-dialog-content .eyebrow{font-size:9px;margin-top:24px}.login-logo{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:var(--accent);color:#203024;border-radius:11px;font-size:28px;line-height:1;font-weight:600}.prototype-note{display:flex;flex-direction:column;gap:7px;border:1px solid #3e5141;background:#213026;border-radius:9px;padding:15px 16px;margin:22px 0;color:#ccdcc6;font-size:11px}.prototype-note strong{font-weight:550;font-size:12px}.prototype-note span{color:#a4b69e;line-height:1.6}.disabled-login{display:flex;flex-direction:column}.disabled-login label{font-size:11px;color:#b6c3b9;margin-bottom:7px}.disabled-login input{width:100%;height:43px;border:1px solid var(--border);border-radius:7px;background:#111a1c;color:#a0aaa3;padding:0 12px;font-size:12px;margin-bottom:18px}.disabled-login input:disabled{opacity:.65}.disabled-login .button{margin-top:3px;min-height:43px;justify-content:space-between}.login-bottom{font-size:10px!important;text-align:center;margin-top:22px!important;line-height:1.65;color:var(--faint)}.docs-content .eyebrow{font-size:9px}.docs-lead{margin-bottom:22px}.endpoint-heading{display:flex;align-items:center;gap:13px;margin:23px 0 12px;padding:13px 14px;border:1px solid var(--border);border-radius:8px;background:#141d20}.method{background:#2e4432;color:var(--accent);padding:3px 7px;font-size:10px;border-radius:4px}.endpoint-heading code{font-size:13px;color:#d7e6d3}.auth-tag{font-size:9px;color:var(--faint);margin-left:auto}.docs-content h3{display:flex;align-items:center;gap:16px;font-size:12px;margin:23px 0 10px}.response-status{color:#dac49d;font:9px Consolas,monospace;font-weight:400}.docs-content pre{margin:0;background:#10181a;border:1px solid var(--border);border-radius:9px;padding:17px 19px;color:#b8d0b4;font:11px/1.7 Consolas,"SFMono-Regular",monospace;overflow:auto}.docs-notice{font-size:10px;border-left:2px solid #536b54;padding:0 0 0 12px;color:#9cafa1;line-height:1.7;margin:22px 0}.docs-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--border);padding-top:18px}.docs-bottom>span{font-size:9px;color:var(--faint)}.docs-bottom .button{font-size:10px;gap:10px}
.crm-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.8fr);gap:80px;align-items:center;min-height:730px;padding:56px 0 65px}.crm-presentation h1{font-size:clamp(38px,4vw,57px);margin-top:18px}.crm-presentation>p{font-size:13px;margin-top:20px;line-height:1.75}.workspace-preview{margin-top:35px;border:1px solid #36423a;border-radius:12px;overflow:hidden;background:#161e20;box-shadow:0 15px 40px #070c0e40;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg);transform-origin:left center}.preview-top{height:43px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #2a342d;padding:0 15px;color:#b3c2b8;font-size:10px}.preview-logo{display:flex;align-items:center;justify-content:center;background:#b6eeaa;color:#233025;width:21px;height:21px;border-radius:6px;font-size:17px;font-weight:600}.preview-tag{font-size:7px;color:#8eaa98;margin-left:auto;border:1px solid #394d3e;border-radius:4px;padding:3px 5px}.preview-body{display:flex;min-height:249px}.preview-sidebar{width:50px;display:flex;flex:none;align-items:center;flex-direction:column;gap:17px;padding-top:18px;border-right:1px solid #2a342d;color:#789385;font-size:15px}.preview-sidebar b{color:#b6eeaa;background:#2c3f30;width:29px;height:29px;text-align:center;border-radius:5px;font-size:17px;line-height:29px;font-weight:400}.preview-content{flex:1;padding:21px 18px;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.preview-heading strong{font-weight:500}.preview-heading span{font-size:7px;color:var(--faint)}.preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:19px}.preview-columns>div>span{display:block;font-size:8px;color:#9aac9f;margin-bottom:9px}.preview-columns article{display:flex;flex-direction:column;align-items:flex-start;background:#202a25;border:1px solid #35463a;border-radius:7px;padding:11px;margin-bottom:9px;min-height:92px}.preview-pill{width:31px;height:5px;background:#5b8d62;border-radius:2px;margin-bottom:10px}.preview-pill.purple{background:#898ab6}.preview-pill.amber{background:#af9e6c}.preview-columns article b{font-weight:500;font-size:9px;line-height:1.4}.preview-columns article small{font-size:7px;color:#7e9987;margin-top:4px}.preview-columns article em{display:flex;align-items:center;justify-content:center;width:17px;height:17px;background:#3d5342;color:#bcceb5;font-size:6px;letter-spacing:.2px;font-style:normal;border-radius:50%;margin-top:10px}.crm-privacy{display:flex;align-items:center;gap:12px;margin-top:22px;color:#89a391;font-size:10px;line-height:1.6}.crm-privacy>span:first-child{font-size:22px;color:#89b185}.panel{border:1px solid var(--border);background:var(--panel);border-radius:16px}.crm-login{padding:31px 30px 27px}.crm-login>h2{font-size:23px;margin-top:23px}.crm-login>p{font-size:12px;margin-top:8px}.crm-login .prototype-note{font-size:10px}.crm-login .prototype-note strong{font-size:11px}.api-page{max-width:760px;margin:55px auto}.api-page .docs-content{padding:0}.api-page .docs-lead{margin-top:15px}.api-page .button{margin-top:25px}.api-page h1{font-size:36px;margin-top:14px;letter-spacing:-1.3px}
.skip-link{position:fixed;top:-70px;left:16px;background:var(--accent);color:#16241b;padding:11px 18px;border-radius:8px;z-index:10}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.canvas-wrap{height:465px}}@media(max-width:1100px){.shell{width:calc(100% - 56px)}.camera-card{grid-template-columns:65px 1fr 10px;gap:11px;padding:11px}.camera-preview{width:65px;height:75px}.camera-caption{font-size:8px}.camera-info>strong{font-size:11px}.crm-layout{gap:42px}.crm-login{padding:28px 24px}.crm-presentation h1{font-size:43px}}@media(max-width:800px){.shell{width:calc(100% - 36px)}.header{height:86px}.header nav{gap:21px}.intro{padding:35px 0 27px;align-items:center;gap:25px}.intro-note{padding:14px 16px;min-width:225px}.intro h1{font-size:43px;letter-spacing:-1.8px}.intro p{font-size:11px}.intro-note small{font-size:8px}.camera-grid{grid-template-columns:repeat(3,1fr);gap:10px}.camera-card{grid-template-columns:1fr 10px;gap:10px}.camera-preview{grid-column:1 / -1;width:100%;height:95px}.camera-info>strong{font-size:11px}.camera-preview>i:nth-child(1){left:22%;top:14px}.camera-preview>i:nth-child(2){left:60%;top:48px}.camera-preview>i:nth-child(3){left:15%;top:65px}.canvas-wrap{height:360px}.developer-card{padding:22px}.developer-card h2{font-size:17px}.developer-card p{font-size:10px}.developer-card .button{font-size:10px;gap:10px}.crm-layout{grid-template-columns:1fr;gap:35px;padding:35px 0}.crm-presentation h1{font-size:45px}.workspace-preview{max-width:580px;transform:none}.crm-login{width:min(470px,100%);justify-self:center}.crm-presentation>p{font-size:12px}.header-note{font-size:10px}.crm-privacy{margin-top:16px}.footer{font-size:8px}}
@media(max-width:560px){.shell{width:calc(100% - 28px)}.header{height:77px}.header nav{gap:17px}.header .nav-link{font-size:11px}.header .button{padding:8px 10px;font-size:11px;gap:13px}.brand-mark{width:33px;height:33px;border-radius:10px}.brand-mark:before{inset:10px 7px 7px}.brand-mark:after{left:12px;top:13px;width:8px;height:8px}.brand>span:last-child{font-size:17px}.brand-caption{font-size:8px}.header nav>a{display:none}.intro{display:block;padding:29px 0 21px}.eyebrow{font-size:8px;letter-spacing:1.45px}.intro h1{font-size:42px;letter-spacing:-1.8px;margin-top:13px}.intro p{font-size:11px;margin-top:14px}.intro-note{margin-top:21px;min-width:0;padding:12px 15px;align-items:center;gap:11px}.intro-note>span:last-child{display:block;font-size:10px;line-height:1.5}.intro-note strong{font-size:11px}.intro-note br:first-child{display:none}.intro-note small{display:block;margin:3px 0 0;font-size:9px;line-height:1.5}.intro-note small br{display:none}.outline-icon{font-size:24px}.viewer{border-radius:12px}.viewer-bar{padding:13px}.scene-heading{gap:8px}.scene-heading h2{font-size:12px}.scene-heading div>span{font-size:8px;letter-spacing:.1px}.scene-icon{width:30px;height:30px;font-size:17px;border-radius:7px}.badge{font-size:8px;gap:5px;padding:5px 7px}.canvas-wrap{height:300px}.scene-coordinate{top:16px;left:14px;font-size:8px}.scene-coordinate small{font-size:7px}.scene-compass{right:15px;top:17px}.scene-watermark{left:15px;bottom:15px;font-size:11px}.viewer-controls{padding:10px;gap:7px;align-items:stretch}.angles{gap:1px;flex:1;padding:2px}.angles button{min-width:0;flex:1;padding:7px 5px;gap:4px;font-size:12px}.angles button span{font-size:9px}.play-controls{gap:4px}.icon-button{padding:7px;font-size:9px}.pause-button{width:32px}.pause-button>span:last-child{display:none}.viewer-footnote{font-size:7px;padding:8px 12px;gap:5px}.viewer-footnote span:last-child{display:none}.camera-section{padding-top:24px}.section-heading h2{font-size:15px}.section-heading>span{font-size:7px;letter-spacing:.25px}.camera-grid{grid-template-columns:1fr;gap:9px}.camera-card{grid-template-columns:76px 1fr 14px;padding:10px;gap:13px}.camera-preview{grid-column:auto;width:76px;height:69px}.camera-info>strong{font-size:12px}.camera-status{font-size:9px}.camera-caption{font-size:9px}.camera-preview>i:nth-child(1){left:7px;top:9px}.camera-preview>i:nth-child(2){left:46px;top:33px}.camera-preview>i:nth-child(3){left:7px;top:49px}.developer-card{display:block;margin:21px 0 25px;padding:21px}.developer-card h2{font-size:18px;max-width:260px}.developer-card p{font-size:11px;line-height:1.65}.developer-card .button{margin-top:20px;font-size:11px;gap:25px}.footer{flex-wrap:wrap;gap:8px;padding:17px 0 22px}.footer>span:nth-child(2){margin-left:auto}.footer .nav-link{width:100%;text-align:left;font-size:8px}.dialog-content{padding:32px 22px}.login-dialog-content{padding:31px 25px}.dialog-content>h2{font-size:24px}.dialog-content>p{font-size:11px}.docs-content pre{font-size:9px;padding:13px 12px}.endpoint-heading{gap:9px;padding:11px}.endpoint-heading code{font-size:11px}.auth-tag{font-size:7px}.docs-content h3{font-size:10px;gap:10px}.response-status{font-size:8px}.docs-bottom{align-items:flex-start;flex-direction:column}.docs-bottom .button{font-size:10px}.header-note{max-width:90px;text-align:right;line-height:1.5;font-size:9px}.crm-layout{padding-top:31px;gap:30px}.crm-presentation h1{font-size:42px}.crm-presentation>p{font-size:11px}.workspace-preview{margin-top:28px}.preview-top{padding:0 11px;gap:8px;font-size:9px}.preview-tag{font-size:6px}.preview-sidebar{width:37px;font-size:13px}.preview-sidebar b{width:24px;height:24px;line-height:24px;font-size:15px}.preview-content{padding:17px 11px}.preview-heading{font-size:10px}.preview-heading span{font-size:6px}.preview-columns{gap:8px;margin-top:15px}.preview-columns article{padding:9px 8px}.preview-columns article b{font-size:8px}.preview-columns article small{font-size:6px}.preview-columns>div>span{font-size:7px}.crm-login{padding:26px 22px}.crm-login>h2{font-size:22px}.api-page{margin:32px 0}.api-page h1{font-size:30px}}
.header .nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.header .button{min-height:44px}.camera-info>strong{font-size:13px}.camera-caption{font-size:10px;color:#91a294}.camera-status{font-size:10px}.viewer-footnote{font-size:10px;color:#91a294}.section-heading>span{font-size:10px}.intro-note small{color:#91a294}.footer{font-size:10px}.footer .nav-link{font-size:10px}.icon-button{min-height:40px}.angles button{min-height:34px}.skip-link{min-height:44px}
.scene-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:8px;text-align:center;width:min(400px,80%);padding:22px;background:#142629dc;border:1px solid #3e5854;border-radius:12px;pointer-events:none}.scene-message strong{font-size:16px;font-weight:550;color:#cfdfd4}.scene-message span{font-size:11px;color:#94aaa0;line-height:1.6}.player-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.player-labels>span{position:absolute;transform:translate(-50%,-100%);font:9px Consolas,monospace;padding:3px 5px;background:#102322d9;border:1px solid #47645a;border-radius:3px;color:#d1e7dc;white-space:nowrap}.badge[data-state=waiting],.badge[data-state=paused]{background:#27302d;color:#b4c6ba;border-color:#43564a}.badge[data-state=waiting] .tiny-dot,.badge[data-state=paused] .tiny-dot{background:#829f8b}.badge[data-state=stale]{background:#3b3426;color:#d7c69d;border-color:#645b40}.badge[data-state=stale] .tiny-dot{background:#c9ac68}.badge[data-state=offline]{background:#3c2c2c;color:#d6b9b2;border-color:#62413b}.badge[data-state=offline] .tiny-dot{background:#b77c70}.live-preview{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#213b31 0 12px,#263f33 12px 13px)}.live-preview>span{text-align:center;font-size:28px;font-weight:300;color:#92b391;line-height:1.2}.live-preview small{display:block;font:7px Consolas,monospace;letter-spacing:1px;color:#98b799;margin-top:6px}.north-preview{background:repeating-linear-gradient(135deg,#203b3c 0 12px,#284548 12px 13px)}.north-preview>span{color:#a0bfbd}.north-preview small{color:#9fbcbb}.canvas-wrap:has(canvas[data-state=stale]){border-color:#645b40}.canvas-wrap:has(canvas[data-state=offline]) canvas{filter:saturate(.5)}
.viewer-bar{gap:12px}.scene-heading,.scene-heading>div{min-width:0}.scene-heading h2,.camera-info>strong{overflow-wrap:anywhere}.badge{flex:none}
@media(max-width:560px){.camera-info>strong{font-size:13px}.camera-caption{font-size:10px}.camera-status{font-size:10px}.intro-note small{font-size:10px}.viewer-footnote{font-size:8px}.section-heading>span{font-size:8px}.icon-button{min-height:44px;min-width:44px}.angles button{min-height:38px}.header .button{min-height:44px}.header .nav-link{font-size:12px}.footer{font-size:9px}.footer .nav-link{font-size:9px}.scene-heading h2{font-size:13px}.badge{font-size:9px}.crm-privacy{font-size:11px}}
@media(max-width:560px){.viewer-footnote{flex-direction:column;gap:3px;font-size:9px}.viewer-footnote span:last-child{display:inline}.scene-message strong{font-size:14px}.scene-message span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.workspace-preview{transform:none}}