*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f5;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#000;min-width:360px;min-height:100vh;margin:0}button,input{font:inherit}button{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}button:hover:not(:disabled){background:#ffffff24}button:disabled{color:#71717a;cursor:not-allowed}button.primary{color:#0a0a0b;background:#f8fafc}button.primary:hover:not(:disabled){background:#dff3ff}input{color:#f4f4f5;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;min-height:38px;padding:0 10px}input:focus{border-color:#7dd3fccc;box-shadow:0 0 0 3px #0ea5e924}label{color:#a1a1aa;gap:7px;font-size:12px;line-height:1.2;display:grid}.device-shell{gap:16px;min-height:100vh;padding:18px;display:grid}.topbar,.panel{background:#111114e0;border:1px solid #ffffff1c;border-radius:8px;box-shadow:0 16px 44px #00000038}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:14px 16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{object-fit:contain;filter:brightness(0)saturate()invert(60%)sepia(92%)saturate(1120%)hue-rotate(111deg)brightness(110%)contrast(106%)drop-shadow(0 1px 1px #000000b8)drop-shadow(0 0 2px #6effcf85)drop-shadow(0 0 7px #00ffa62e);width:34px;height:34px}.brand strong,.brand span{display:block}.brand-wordmark{color:#fff;letter-spacing:.09em;font-size:18px;font-weight:500;line-height:1}.brand-wordmark span{display:inline}.brand-wordmark span:last-child{color:#8ba6a0}.brand span{color:#a1a1aa;margin-top:2px;font-size:13px}.status{color:#d4d4d8;white-space:nowrap;background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 12px;display:inline-flex}.status span{background:#71717a;border-radius:999px;width:8px;height:8px}.status-ready span,.status-done span{background:#22c55e}.status-scanning span,.status-registering span,.status-binding span{background:#38bdf8}.status-error span{background:#f97316}.workspace{grid-template-columns:minmax(290px,360px) minmax(420px,1fr) minmax(310px,390px);align-items:stretch;gap:16px;display:grid}.panel{padding:16px}.panel h1,.panel h2{margin:0}.panel h2{font-size:16px}.controls,.binding{flex-direction:column;gap:13px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.scanner{grid-template-rows:auto 1fr auto;gap:16px;min-height:560px;display:grid}.scanner-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.scanner-head p{color:#a1a1aa;max-width:680px;margin:8px 0 0;line-height:1.55}.mode-toggle{background:#ffffff0f;border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;min-width:150px;padding:4px;display:inline-grid}.mode-toggle button{background:0 0;border:0;border-radius:7px;min-height:32px}.mode-toggle button.active{background:#ffffff29}.scan-stage{grid-template-columns:minmax(220px,.9fr) minmax(220px,.7fr);align-items:center;gap:20px;display:grid}.human{background:radial-gradient(at 50% 8%,#e0f2fef2 0 9%,#0000 10%),radial-gradient(at 50% 27%,#38bdf852 0 24%,#0000 25%),radial-gradient(at 28% 47%,#38bdf838 0 8%,#0000 9%),radial-gradient(at 72% 47%,#38bdf838 0 8%,#0000 9%),radial-gradient(at 42% 78%,#38bdf82e 0 9%,#0000 10%),radial-gradient(at 58% 78%,#38bdf82e 0 9%,#0000 10%),linear-gradient(#0ea5e92e,#22c55e1f);border:1px solid #7dd3fc3d;border-radius:46% 46% 28% 28%;width:min(72%,300px);height:470px;margin:0 auto;position:relative;overflow:hidden}.point-cloud{z-index:1;width:100%;height:100%;position:absolute;inset:0}.human.back{border-radius:42% 42% 20% 20%;width:min(58%,240px);height:380px}.human:before{content:"";z-index:0;background-image:linear-gradient(#7dd3fc1f 1px,#0000 1px),linear-gradient(90deg,#7dd3fc1f 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:24px 22px;-webkit-mask-image:radial-gradient(#000 0 62%,#0000 72%);mask-image:radial-gradient(#000 0 62%,#0000 72%)}.spine{z-index:2;background:linear-gradient(#0000,#ffffffa6,#0000);width:2px;height:49%;position:absolute;top:26%;left:50%}.scan-line{opacity:0;z-index:3;background:#86efac;height:3px;position:absolute;top:50%;left:8%;right:8%;box-shadow:0 0 24px #22c55e}.is-scanning .scan-line{opacity:1}.scan-readout{gap:12px;display:grid}.scan-readout span,.scan-readout small{color:#a1a1aa}.scan-readout strong{font-size:clamp(30px,4vw,54px)}.progress{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.progress div{background:linear-gradient(90deg,#38bdf8,#86efac);height:100%}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result{gap:9px;margin-top:4px;display:grid}.info-row{color:#a1a1aa;grid-template-columns:auto 72px minmax(0,1fr);align-items:center;gap:8px;min-height:34px;display:grid}.info-row strong{color:#f4f4f5;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.qr{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-items:center;gap:10px;padding:14px;display:grid}.qr img{background:#fff;border-radius:8px;width:180px;height:180px}.qr span{color:#d4d4d8;text-align:center;align-items:center;gap:6px;display:inline-flex}.logs{min-height:180px}.log-list{gap:8px;margin-top:12px;display:grid}.empty{color:#71717a}.log{color:#d4d4d8;grid-template-columns:78px auto minmax(0,1fr);align-items:start;gap:8px;min-height:28px;display:grid}.log span{color:#71717a;font-variant-numeric:tabular-nums}.log p{overflow-wrap:anywhere;min-width:0;margin:0}.log-ok svg{color:#22c55e}.log-error svg,.log-error p{color:#fb923c}@media (width<=1120px){.workspace{grid-template-columns:1fr}.scanner{min-height:auto}}@media (width<=680px){.device-shell{padding:10px}.topbar,.scanner-head,.scan-stage{grid-template-columns:1fr;display:grid}.grid2,.actions{grid-template-columns:1fr}.human,.human.back{width:min(86%,260px);height:360px}}.workspace{grid-template-columns:minmax(390px,.82fr) minmax(640px,1.18fr);gap:18px}.machine-panel{grid-template-rows:auto minmax(500px,1fr) auto auto;gap:16px;min-height:calc(100vh - 126px);display:grid;overflow:hidden}.machine-copy h1{margin:0;font-size:clamp(30px,4vw,52px);line-height:1.03}.machine-copy p{color:#a1a1aa;max-width:520px;margin:10px 0 0;line-height:1.55}.real-body-scanner{background:radial-gradient(circle at 52% 56%,#94a3b82e,#0000 310px),linear-gradient(#111827,#05070a 72%);border:1px solid #94a3b83d;border-radius:8px;min-height:520px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 24px 70px #0000003d}.scanner-render{aspect-ratio:3/2;object-fit:cover;filter:saturate(1.04)contrast(1.05);z-index:1;border-radius:8px;width:min(104%,650px);height:auto;max-height:calc(100% - 86px);position:absolute;top:34px;left:50%;transform:translate(-50%);box-shadow:0 34px 78px #00000061}.scanner-render-vignette{pointer-events:none;z-index:2;background:linear-gradient(#05070a2e,#0000 20%,#05070ac7 88%),radial-gradient(circle at 50% 55%,#0000 0 42%,#05070a57 74%);position:absolute;inset:0}.machine-console span{color:#94a3b8;font-size:11px;display:block}.machine-console{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#080c12b8;border:1px solid #94a3b83d;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;min-height:48px;padding:12px 14px;display:grid;position:absolute;bottom:16px;left:22px;right:22px}.machine-console strong{color:#f8fafc;margin-top:2px;display:block}.machine-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.device-config{color:#d4d4d8;border-top:1px solid #ffffff1a;padding-top:12px}.device-config summary{cursor:pointer;color:#f8fafc;font-weight:650}.device-config[open]{gap:12px;display:grid}.screen-panel{background:linear-gradient(#20242c,#0c0f14);min-height:calc(100vh - 126px);padding:14px}.screen-frame{background:linear-gradient(#ffffff17,#0000 18%),#05070a;border:10px solid #111827;border-radius:8px;grid-template-rows:auto 1fr auto;gap:16px;height:100%;min-height:680px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14,0 24px 70px #0000005c}.screen-toolbar{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:0 4px 12px;display:flex}.screen-toolbar span{color:#94a3b8;font-size:12px;display:block}.screen-toolbar strong{color:#f8fafc;margin-top:3px;display:block}.screen-dots{gap:7px;display:inline-flex}.screen-dots span{background:#22c55e;border-radius:99px;width:9px;height:9px}.screen-frame .scanner{min-height:0}.screen-frame .scan-stage{grid-template-columns:minmax(320px,.95fr) minmax(260px,.65fr);gap:26px}.screen-frame .binding{border-top:1px solid #ffffff17;padding-top:14px}@media (width<=1120px){.workspace{grid-template-columns:1fr}.machine-panel,.screen-panel,.screen-frame{min-height:auto}}@media (width<=680px){.machine-actions{grid-template-columns:1fr}.real-body-scanner{min-height:460px}.scanner-render{width:min(108%,620px);top:28px}}.hero-banner{background:#000;min-height:clamp(320px,41vw,560px);padding:0;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center center;filter:saturate(1.02)contrast(1.04);width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000001f 5%,#00000073 12%,#000 22% 78%,#00000073 88%,#0000001f 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000001f 5%,#00000073 12%,#000 22% 78%,#00000073 88%,#0000001f 95%,#0000 100%)}.hero-video{z-index:1;aspect-ratio:16/9;object-fit:cover;object-position:center center;filter:saturate(1.04)contrast(1.05);background:#000;border:0;width:min(58vw,820px);max-height:calc(100% - 44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000003d 8%,#000 20% 80%,#0000003d 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000003d 8%,#000 20% 80%,#0000003d 92%,#0000 100%)}.hero-banner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#000 0%,#000000fa 6%,#000000b8 15%,#0003 27%,#0000 39% 61%,#0003 73%,#000000b8 85%,#000000fa 94%,#000 100%),linear-gradient(#00000005,#0000 56%,#00000057);position:absolute;inset:0}.hero-banner:before{content:none}.hero-overlay{z-index:2;min-height:inherit;justify-content:flex-end;align-items:flex-end;padding:clamp(20px,4vw,42px);display:flex;position:relative}.hero-stats{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c12b8;border:1px solid #ffffff21;border-radius:8px;align-self:end;gap:9px;padding:14px;display:grid}.operations{grid-template-columns:minmax(560px,1fr) minmax(320px,390px);align-items:stretch;gap:16px;display:grid}.scan-console{grid-template-rows:auto 1fr auto;gap:18px;min-height:560px;display:grid}.scan-console .scan-stage{grid-template-columns:minmax(280px,.9fr) minmax(290px,.72fr)}.readout-grid{gap:8px;margin-top:16px;display:grid}.readout-grid .info-row strong,.hero-stats .info-row strong,.binding .info-row strong{font-size:13px;line-height:1.25}.binding p{color:#a1a1aa;margin:0 0 2px;line-height:1.55}.insight-grid{grid-template-columns:minmax(300px,.62fr) minmax(480px,1fr) minmax(320px,.68fr);align-items:start;gap:16px;display:grid}.workflow-panel,.capability-panel{gap:14px;display:grid}.workflow-list{gap:12px;display:grid}.workflow-item{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;display:grid}.workflow-item>span{color:#bae6fd;font-variant-numeric:tabular-nums;background:#38bdf824;border-radius:8px;place-items:center;height:34px;font-weight:750;display:grid}.workflow-item strong,.capability-card strong{color:#f8fafc;display:block}.workflow-item p,.capability-card p{color:#a1a1aa;margin:5px 0 0;line-height:1.45}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.capability-card{background:#ffffff0e;border:1px solid #ffffff17;border-radius:8px;min-height:132px;padding:13px}.capability-card svg{color:#7dd3fc;margin-bottom:10px}.insight-grid>.device-config{border-top:0;padding-top:16px}.insight-grid>.device-config[open]{gap:12px;display:grid}@media (width<=1180px){.operations,.insight-grid{grid-template-columns:1fr}.scan-console .scan-stage{grid-template-columns:minmax(260px,.85fr) minmax(260px,.7fr)}}@media (width<=760px){.hero-overlay,.operations,.scan-console .scan-stage{grid-template-columns:1fr}.hero-banner{min-height:520px}.hero-image{object-position:57% center}.hero-video{width:min(92vw,680px);top:43%}.hero-stats{align-self:stretch}.capability-grid{grid-template-columns:1fr}}