:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--paper: #eef3f5;--muted: rgba(224, 234, 239, .58);--line: rgba(224, 234, 239, .18);--blue: #28a9e0;--deep: #06101a}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--deep)}body{color:var(--paper)}button,a{color:inherit;font:inherit}button{border:0}#scene{position:fixed;inset:0;display:block;width:100%;height:100%;outline:none}.topbar{position:fixed;z-index:10;left:0;right:0;top:0;height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 44px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(3,11,18,.55),transparent)}.brand{display:inline-flex;width:max-content;align-items:center;gap:13px;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%}.brand-mark svg{width:24px;fill:var(--paper);transform:rotate(-8deg)}.brand b{display:block;font-size:16px;letter-spacing:.12em;line-height:1}.brand small{display:block;margin-top:7px;color:var(--muted);font:400 8px/1 DM Mono,monospace;letter-spacing:.2em}.topbar-center{color:#ebf4f7b8;font:400 9px/1 DM Mono,monospace;letter-spacing:.18em}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5bdbac;margin:0 9px 1px 0;box-shadow:0 0 9px #5bdbac}.icon-button{justify-self:end;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#06101a59;cursor:pointer;transition:.25s ease}.icon-button:hover{border-color:#ffffff80;background:#ffffff14}.icon-button svg{width:16px;fill:currentColor;opacity:.7}.hero-copy{position:fixed;z-index:5;left:6vw;top:50%;width:min(520px,42vw);transform:translateY(-46%);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:#ebf4f7ad;font:500 9px/1 DM Mono,monospace;letter-spacing:.25em}.eyebrow>span,.eyebrow>i{width:26px;height:1px;display:inline-block;background:var(--blue);box-shadow:0 0 8px #28a9e0cc}.hero-copy h1{margin:0;color:#f0f4f5;font-weight:300;font-size:clamp(54px,6.5vw,106px);line-height:.83;letter-spacing:-.065em;text-shadow:0 2px 35px rgba(0,0,0,.32)}.hero-copy h1 em{color:transparent;font-style:normal;font-weight:300;-webkit-text-stroke:1px rgba(240,244,245,.65)}.lede{width:min(390px,80%);margin:27px 0 0;color:#e0eaef9e;font-size:12px;font-weight:300;line-height:1.8;letter-spacing:.025em}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:31px;pointer-events:auto}.primary-action{display:flex;align-items:center;justify-content:space-between;width:205px;height:47px;padding:0 9px 0 18px;color:#fff;background:#0c2b3dbd;border:1px solid rgba(92,194,233,.52);border-radius:2px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 8px/1 DM Mono,monospace;letter-spacing:.15em;transition:.25s ease}.primary-action:hover{background:#197ca66b;border-color:#75d8ffe6;transform:translateY(-1px)}.primary-action svg{width:28px;height:28px;padding:8px;border-radius:50%;background:#ffffff1a;fill:none;stroke:currentColor;stroke-width:1.5}.text-action{padding:10px 0;color:#eef5f8b3;background:none;cursor:pointer;font:500 8px/1 DM Mono,monospace;letter-spacing:.14em;border-bottom:1px solid rgba(255,255,255,.26)}.text-action span{color:var(--blue);padding-left:5px}.spec-rail{position:fixed;z-index:5;right:42px;top:50%;display:flex;flex-direction:column;align-items:flex-end;gap:27px;transform:translateY(-47%)}.rail-line{width:1px;height:55px;margin-right:2px;background:linear-gradient(var(--blue),transparent)}.spec{display:flex;align-items:baseline;gap:11px;text-align:right}.spec strong{min-width:45px;font:300 18px/1 DM Mono,monospace;letter-spacing:-.04em}.spec span{width:50px;color:#dee9ee7a;font:400 7px/1.5 DM Mono,monospace;letter-spacing:.11em}.camera-dock{position:fixed;z-index:9;left:50%;bottom:28px;width:min(700px,calc(100vw - 240px));height:52px;transform:translate(-50%);display:flex;align-items:stretch;border:1px solid var(--line);background:#050e1794;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:2px}.dock-nav{width:48px;flex:0 0 auto;color:#ffffff8c;background:transparent;cursor:pointer;font:300 15px DM Mono,monospace;transition:.2s}.dock-nav:hover{color:#fff;background:#ffffff0f}.view-tabs{display:flex;flex:1;overflow:hidden}.view-tab{position:relative;flex:1 0 76px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 12px;border-left:1px solid rgba(255,255,255,.08);background:transparent;color:#e2ecf06b;cursor:pointer;font:400 7px/1 DM Mono,monospace;letter-spacing:.14em;text-align:left;transition:.25s}.view-tab:last-child{border-right:1px solid rgba(255,255,255,.08)}.view-tab small{color:#e2ecf040;font-size:6px}.view-tab.active{color:#fff;background:linear-gradient(180deg,#28a9e026,#28a9e008)}.view-tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:var(--blue);box-shadow:0 0 8px var(--blue)}.view-tab.active small{color:#60c9f1cc}.inspection-panel{position:fixed;z-index:15;top:92px;right:0;bottom:0;width:395px;padding:33px 34px 28px;background:#050e16ed;border-left:1px solid rgba(111,194,226,.25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(102%);transition:transform .5s cubic-bezier(.22,.85,.25,1);overflow-y:auto}.inspection-panel.open{transform:translate(0)}.panel-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid var(--line)}.panel-head .eyebrow{margin-bottom:10px;font-size:7px}.panel-head h2{margin:0;font-weight:400;font-size:15px;letter-spacing:.08em}.panel-close{align-self:flex-start;width:30px;height:30px;color:#ffffff8c;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:18px;font-weight:200}.qa-score{display:flex;align-items:center;gap:19px;padding:25px 0}.score-ring{position:relative;width:83px;height:83px;flex:0 0 auto;display:grid;place-content:center;text-align:center;border-radius:50%;border:1px solid rgba(79,208,164,.6);box-shadow:inset 0 0 25px #4fd0a414,0 0 18px #4fd0a40d}.score-ring:before{content:"";position:absolute;inset:5px;border:1px dashed rgba(79,208,164,.25);border-radius:inherit}.score-ring span{font:300 21px/1 DM Mono,monospace}.score-ring small{margin-top:4px;color:#63dcb0;font:500 6px/1 DM Mono,monospace;letter-spacing:.16em}.qa-score p{margin:0;color:#e1ebef78;font-size:10px;line-height:1.65}.qa-list{border-top:1px solid var(--line)}.qa-item{display:grid;grid-template-columns:1fr auto;gap:7px 15px;padding:14px 2px;border-bottom:1px solid var(--line)}.qa-item b{color:#eef5f8c7;font:400 8px/1 DM Mono,monospace;letter-spacing:.12em}.qa-item p{grid-column:1;margin:0;color:#dde8ed61;font:300 8px/1.4 DM Mono,monospace}.qa-item span{grid-row:1 / span 2;grid-column:2;align-self:center;min-width:37px;padding:5px;color:#65dcb2;border:1px solid rgba(101,220,178,.26);border-radius:2px;font:500 6px/1 DM Mono,monospace;text-align:center;letter-spacing:.1em}.qa-item span.warn{color:#ffcb72;border-color:#ffcb7247}.run-qa{width:100%;height:43px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#eef5f8cc;background:#249bca1f;border:1px solid rgba(64,180,226,.35);cursor:pointer;font:500 8px/1 DM Mono,monospace;letter-spacing:.15em}.run-qa span{color:var(--blue)}.hint{position:fixed;z-index:4;left:44px;bottom:43px;display:flex;align-items:center;color:#e0eaef59;font:400 7px/1 DM Mono,monospace;letter-spacing:.13em;transition:opacity .4s}.hint i{width:2px;height:2px;margin:0 11px;border-radius:50%;background:#ffffff4d}.mouse-icon{width:9px;height:13px;margin-right:7px;border:1px solid rgba(255,255,255,.35);border-radius:6px}.loading-screen{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07111b;transition:opacity .8s ease,visibility .8s}.loading-screen.done{opacity:0;visibility:hidden}.loader-plane svg{width:54px;fill:#dce9ed;animation:planeFloat 2s ease-in-out infinite}.load-word{margin-top:20px;font:300 24px/1 DM Mono,monospace;letter-spacing:.2em}.load-track{width:175px;height:1px;margin-top:25px;overflow:hidden;background:#ffffff1f}.load-track span{display:block;height:100%;width:45%;background:var(--blue);box-shadow:0 0 10px var(--blue);animation:loading 1.4s ease-in-out infinite}.loading-screen p{color:#ffffff59;font:400 7px/1 DM Mono,monospace;letter-spacing:.2em;margin-top:13px}.vignette{position:fixed;z-index:2;pointer-events:none;inset:0;box-shadow:inset 0 0 180px #0000007a,inset 0 -80px 120px #00000047}.grain{position:fixed;z-index:3;pointer-events:none;inset:-50%;width:200%;height:200%;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(330%)}}@keyframes planeFloat{0%,to{transform:translate(-3px,2px) rotate(-2deg)}50%{transform:translate(3px,-3px) rotate(1deg)}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}body.inspection-open .hero-copy,body.inspection-open .spec-rail{opacity:.08;transition:opacity .35s}body.detail-view .hero-copy{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility 0s linear .35s}body.capture-clean .topbar,body.capture-clean .hero-copy,body.capture-clean .spec-rail,body.capture-clean .camera-dock,body.capture-clean .inspection-panel,body.capture-clean .hint,body.capture-clean .loading-screen,body.capture-clean .vignette,body.capture-clean .grain{display:none!important}@media(max-width:920px){.topbar{height:72px;padding:0 20px}.topbar-center,.spec-rail,.hint{display:none}.hero-copy{left:24px;top:36%;width:calc(100vw - 48px)}.hero-copy h1{font-size:clamp(51px,15vw,78px)}.hero-copy .lede{width:290px}.camera-dock{width:calc(100vw - 24px);bottom:12px}.view-tabs{overflow-x:auto;scrollbar-width:none}.view-tab{flex-basis:88px}.inspection-panel{top:72px;width:min(395px,100vw)}}@media(max-height:650px){.hero-copy{top:47%}.hero-copy h1{font-size:58px}.hero-copy .lede{margin-top:16px}.hero-actions{margin-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}