:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:auto;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.sim8-shell{color:#e2f1f8;background:#020611}.sim8-bg{background:radial-gradient(circle at 18% 12%,#38bdf859 0,#38bdf800 36%),radial-gradient(circle at 82% 22%,#14b8a647 0,#14b8a600 40%),radial-gradient(circle at 50% 90%,#84cc1638 0,#84cc1600 44%),linear-gradient(160deg,#020611 0%,#041526 38%,#071931 100%);position:absolute;inset:0}.sim8-layout{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 340px;gap:14px;height:100%;padding:64px 16px 16px;display:grid;position:relative}.sim8-canvas-card,.sim8-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030c18b8;border:1px solid #7dd3fc40;border-radius:16px;box-shadow:0 18px 40px #0208146b}.sim8-canvas-card{flex-direction:column;display:flex;overflow:hidden}.sim8-canvas-scroll{width:100%;height:100%;overflow:auto hidden}.sim8-header{padding:14px 16px 8px}.sim8-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#7dd3fc;margin:0;font-size:12px}.sim8-header h1{margin:6px 0 8px;font-size:clamp(18px,2vw,28px)}.sim8-header p{color:#b9d6e6;max-width:80ch;margin:0}.sim8-svg{width:1400px;min-width:100%;height:100%;min-height:440px}.sim8-layer-label{fill:#bae6fd;letter-spacing:.01em;font-size:11px;font-weight:500}.sim8-panel{flex-direction:column;gap:10px;padding-right:4px;display:flex;overflow:auto}.sim8-card{padding:12px}.sim8-card h2{text-transform:uppercase;letter-spacing:.06em;color:#7dd3fc;margin:0 0 8px;font-size:13px}.sim8-card label{color:#cbe6f3;margin:0 0 6px;font-size:12px;display:block}.sim8-card textarea,.sim8-card input[type=range]{box-sizing:border-box;width:100%}.sim8-card textarea{resize:vertical;color:#ebf7ff;background:#081627f2;border:1px solid #94a3b873;border-radius:10px;min-height:86px;padding:8px 10px}.sim8-row{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.sim8-card button{color:#e2f1f8;cursor:pointer;background:#0f253ef2;border:1px solid #94a3b873;border-radius:10px;padding:8px 10px;font-weight:600}.sim8-card button:hover{background:#1e3a5cf2}.sim8-token-wrap{flex-wrap:wrap;gap:6px;display:flex}.sim8-token{color:#d9ecf9;background:#0f253ebf;border:1px solid #94a3b859;border-radius:999px;padding:6px 8px;font-size:12px}.sim8-token.active{color:#cffafe;background:#22d3ee3d;border-color:#22d3eee6;box-shadow:0 0 18px #22d3ee52}.sim8-card ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sim8-card li{background:#0a1b2eb8;border:1px solid #94a3b833;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px;display:flex}.sim8-card li strong{color:#bef264}.sim8-mha-subtitle{color:#b6d9e8;margin:0 0 10px;font-size:12px;line-height:1.35}.sim8-mha-grid{gap:7px;margin-bottom:10px;display:grid}.sim8-head-row{background:#0a1b2ea8;border:1px solid #94a3b833;border-radius:10px;align-items:center;gap:8px;padding:6px 7px;display:flex}.sim8-head-badge{text-align:center;border:1px solid;border-radius:999px;min-width:34px;padding:2px 7px;font-size:11px;font-weight:700}.sim8-head-nodes{flex:1;justify-content:space-between;align-items:center;gap:4px;display:flex}.sim8-node-col{place-items:center;gap:3px;display:grid}.sim8-node-label{color:#b8d7e7;letter-spacing:.02em;font-size:10px;line-height:1}.sim8-node-dot{background:var(--ncolor,#22d3ee);width:13px;height:13px;opacity:var(--nalpha,.6);box-shadow:0 0 10px color-mix(in srgb, var(--ncolor,#22d3ee) 42%, transparent);transform:scale(calc(.8 + var(--nalpha,.6) * .25));border-radius:50%;transition:opacity .12s linear,transform .12s linear}.sim8-node-out{width:14px;height:14px}.sim8-head-arrow{color:#7dd3fc;padding-top:12px;font-size:12px;line-height:1}.sim8-merge-wrap{gap:6px;display:grid}.sim8-merge-wrap span{color:#c8e2ef;letter-spacing:.04em;text-transform:uppercase;font-size:11px}.sim8-merge-bar-track{background:#94a3b840;border:1px solid #94a3b859;border-radius:999px;height:8px;overflow:hidden}.sim8-merge-bar{background:linear-gradient(90deg,#22d3ee 0%,#14b8a6 55%,#a3e635 100%);height:100%;transition:width .16s linear}.sim8-note p{color:#cbe6f3;margin:0;font-size:13px;line-height:1.45}@media (width<=1120px){.sim8-layout{grid-template-columns:1fr;height:auto;min-height:100%}.sim8-canvas-card{min-height:62vh}.sim8-panel{padding-bottom:24px;padding-right:0}}.splat-inspector-wrap{color:#d9ebf5;background:radial-gradient(circle at 8% 8%,#008dff33,#0000 30%),radial-gradient(circle at 92% 14%,#ff7d292e,#0000 26%),linear-gradient(145deg,#07131d 0%,#0a141f 46%,#11121a 100%);min-height:100vh;padding:22px;font-family:IBM Plex Sans,Segoe UI,sans-serif;overflow-x:hidden}.inspector-header h1{letter-spacing:.01em;margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:clamp(20px,3.1vw,36px)}.inspector-header p{color:#98b7c6;max-width:980px;margin:10px 0 18px}.inspector-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.upload-step{background:#08121ccc;border:1px solid #6a93ad59;border-radius:12px;margin-bottom:14px;padding:12px}.upload-step h2{margin:0 0 8px;font-size:15px}.upload-step p{color:#93b9cb;margin:0;font-size:12px}.upload-step .file-input-label{margin-top:10px;display:inline-flex}.upload-meta{color:#92c1d6;margin-top:8px;font-size:12px}.workflow-sections{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-bottom:14px;display:grid}.section-switch{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.section-switch button{color:#bedbe9;cursor:pointer;background:#09131fe6;border:1px solid #5a829873;border-radius:10px;padding:8px 12px;font-size:12px}.section-switch button[data-active=true]{color:#e7f8ff;background:linear-gradient(135deg,#145472,#0e6f90);border-color:#7edbffd9}.workflow-card{background:#08121cbf;border:1px solid #6a93ad52;border-radius:12px;padding:12px}.workflow-card-full{grid-column:1/-1}.workflow-card h2{margin:0 0 8px;font-size:15px}.workflow-card p{color:#93b9cb;margin:0;font-size:12px}.viewer-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.viewer-controls label{color:#add2e5;flex-direction:column;gap:6px;min-width:160px;font-size:12px;display:flex}.viewer-controls .viewer-toggle{background:#09131fe6;border:1px solid #5a829873;border-radius:8px;flex-direction:row;align-items:center;gap:8px;min-width:auto;padding:6px 8px}.viewer-controls .viewer-toggle input{accent-color:#6ed0ff}.viewer-controls select{color:#d8ebf6;background:#09131fe6;border:1px solid #5a829873;border-radius:8px;padding:7px 8px}.viewer-controls button{color:#bedbe9;cursor:pointer;background:#09131fe6;border:1px solid #5a829873;border-radius:10px;padding:8px 11px;font-size:12px}.viewer-controls button:disabled{opacity:.55;cursor:not-allowed}.viewer-meta{color:#92c1d6;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;display:flex}.viewer-note{color:#9ac7db;margin-top:8px;font-size:12px}.viewer-stats-grid{color:#b5d8e8;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:8px;font-size:12px;display:grid}.viewer-stats-grid>div{background:#060e18b8;border:1px solid #62839859;border-radius:8px;padding:7px 9px}.splat-viewer-canvas{touch-action:none;cursor:grab;background:#030b14;border:1px solid #5479915c;border-radius:10px;width:100%;min-height:330px;margin-top:10px}.viewer-canvas-wrap{position:relative}.viewer-overlay-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05101ce6;border:1px solid #709db885;border-radius:10px;width:min(360px,100% - 24px);max-height:min(72vh,620px);padding:10px;position:absolute;top:22px;right:12px;overflow:auto;box-shadow:0 8px 30px #0006}.viewer-overlay-panel h4{color:#c8e7f6;letter-spacing:.02em;margin:0 0 8px;font-size:12px}.viewer-overlay-panel label{color:#a9cfdf;flex-direction:column;gap:5px;margin-bottom:8px;font-size:12px;display:flex}.viewer-overlay-panel input[type=range]{width:100%}.viewer-overlay-actions{gap:8px;margin-top:6px;display:flex}.viewer-overlay-actions button{flex:1}@media (width<=820px){.viewer-overlay-panel{width:100%;max-height:none;margin-top:8px;position:static}}.supersplat-frame{background:#030b14;border:1px solid #5479915c;border-radius:10px;width:100%;height:min(78vh,760px);margin-top:10px}.splat-viewer-canvas:active{cursor:grabbing}.file-input-label,.cluster-label{background:#071018bd;border:1px solid #6b9bba66;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.inspector-controls button{color:#d9f7ff;cursor:pointer;background:linear-gradient(130deg,#154e70,#0f7093);border:1px solid #5bc6ff8c;border-radius:10px;padding:10px 14px}.inspector-controls button:disabled{opacity:.55;cursor:not-allowed}.status-line{color:#8fcbff;margin:8px 0}.status-line.error{color:#ff8d8d}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px;display:grid}.summary-grid article,.clusters-section,.hist-grid,.viz-grid{background:#08121cbf;border:1px solid #6a93ad4d;border-radius:12px}.summary-grid article{padding:12px}.summary-grid h2,.clusters-section h2{margin:0 0 8px;font-size:15px}.summary-grid p{color:#b8d3df;margin:6px 0;font-size:13px;line-height:1.45}.hist-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px;padding:12px;display:grid}.mini-hist{background:#04090f8c;border:1px solid #577d9259;border-radius:10px;padding:10px}.mini-hist-title{color:#89b5cb;margin-bottom:8px;font-size:12px}.mini-hist-bars{align-items:flex-end;gap:2px;height:84px;display:flex}.mini-hist-bars span{background:linear-gradient(#81d9ff 0%,#0d7394 100%);border-radius:1px;flex:1}.pose-controls-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px;display:grid}.pose-controls-grid article{background:#08121cbf;border:1px solid #6a93ad4d;border-radius:12px;padding:12px}.pose-controls-grid h2{margin:0 0 8px;font-size:15px}.pose-controls-grid p{color:#99c2d2;margin:0 0 10px;font-size:12px}.pose-controls-grid label{color:#acd0df;flex-direction:column;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.deformation-canvas{background:#06111a;border-radius:8px;width:100%;min-height:220px}.weight-debug-grid{margin-top:12px}.weight-debug-grid article{background:#08121cbf;border:1px solid #6a93ad4d;border-radius:12px;padding:12px}.weight-debug-grid h2{margin:0 0 8px;font-size:15px}.weight-debug-grid p{color:#99c2d2;margin:0 0 10px;font-size:12px}.debug-mode-switch{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.debug-mode-switch button{color:#bedbe9;cursor:pointer;background:#09131fe6;border:1px solid #5a829873;border-radius:10px;padding:7px 10px;font-size:12px}.debug-mode-switch button[data-active=true]{color:#e7f8ff;background:linear-gradient(135deg,#145472,#0e6f90);border-color:#7edbffd9}.viz-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:12px;padding:12px;display:grid}.viz-grid figure{background:#030a0f99;border:1px solid #5f819352;border-radius:10px;margin:0;padding:8px}.viz-grid figcaption{color:#96bfd2;margin-bottom:8px;font-size:12px}.viz-grid canvas{width:100%;image-rendering:pixelated;border-radius:8px}.orientation-plot canvas{min-height:240px}.clusters-section{margin-top:12px;padding:12px}.clusters-section p{color:#91b9cb;margin:0 0 10px}.cluster-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.cluster-item{color:#b9d6e5;background:#060f17bf;border:1px solid #58788c61;border-radius:10px;flex-direction:column;gap:5px;padding:8px;font-size:12px;display:flex}.cluster-name{color:#88d2f3;font-weight:700}@media (width<=760px){.splat-inspector-wrap{padding:14px}.inspector-controls,.viewer-controls{flex-direction:column;align-items:stretch}.section-switch{flex-direction:column}.splat-viewer-canvas{min-height:260px}.supersplat-frame{height:62vh}}.home-page{box-sizing:border-box;color:#f8fafc;background:radial-gradient(circle at 20% 10%,#163658 0%,#071423 45%,#030712 100%);min-height:100svh;padding:48px 20px 64px}.home-hero{text-align:left;max-width:960px;margin:0 auto 28px}.eyebrow{color:#93c5fd;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px}.home-hero h1{color:#e2e8f0;margin:10px 0 8px;font-size:clamp(32px,5vw,52px)}.subtitle{color:#cbd5e1;max-width:62ch;margin:0}.home-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.sim-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:960px;margin:0 auto;display:grid}.sim-card{text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border:1px solid #94a3b84d;border-radius:14px;padding:18px;box-shadow:0 12px 30px #02061766}.sim-card h2{color:#f8fafc;margin:0;font-size:20px}.sim-card p{color:#cbd5e1;margin:10px 0 16px}.sim-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.pill{color:#082f49;background:#7dd3fc;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.launch-btn,.back-btn{cursor:pointer;border:none;border-radius:10px;font-size:14px;font-weight:600;transition:transform .14s,background .14s}.sim-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.launch-btn{color:#0f172a;background:#7dd3fc;padding:10px 14px;text-decoration:none;display:inline-block}.launch-btn:hover{background:#38bdf8;transform:translateY(-1px)}.docs-btn{color:#e2e8f0;background:#1e293be6;border:1px solid #94a3b859;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .14s,background .14s;display:inline-block}.docs-btn:hover{background:#334155f2;transform:translateY(-1px)}.simulation-shell{width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.back-btn{z-index:50;color:#e2e8f0;background:#1e293be6;border:1px solid #94a3b866;padding:10px 12px;position:fixed;top:14px;left:14px}.back-btn:hover{background:#334155f2}.controls-panel{z-index:50;color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ab3;border:1px solid #94a3b859;border-radius:12px;width:min(320px,100vw - 28px);max-height:calc(100vh - 76px);padding:14px;position:fixed;top:62px;right:14px;overflow:auto}.selected-panel{z-index:50;color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ab3;border:1px solid #94a3b859;border-radius:12px;width:min(360px,100vw - 28px);max-height:calc(100vh - 76px);padding:14px;position:fixed;top:62px;left:14px;overflow:auto}.controls-title{letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;margin-bottom:10px;font-size:13px}.controls-row{gap:8px;margin-bottom:10px;display:grid}.controls-row label{color:#cbd5e1;font-size:13px}.controls-row select,.controls-row input[type=range]{width:100%}.controls-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.controls-grid button{color:#e2e8f0;cursor:pointer;background:#1e293be6;border:1px solid #94a3b859;border-radius:8px;padding:8px}.controls-grid button:hover{background:#334155f2}.controls-check{color:#cbd5e1;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}