.trace-root{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--ink)}.trace-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.trace-toolbar{position:absolute;top:22px;left:26px;z-index:6;display:flex;flex-direction:column;gap:8px;max-width:min(440px,calc(100% - 52px))}.trace-tools{display:flex;gap:6px;background:var(--panel);border:1px solid var(--hair);border-radius:12px;padding:6px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 44px #00000073}.trace-tools button{font-size:12.5px;padding:8px 13px;border-radius:8px}.trace-readout{font-family:Space Mono,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding-left:4px}.trace-scale-ok{color:var(--line)}.trace-scale-warn{color:var(--amber)}.trace-hint-line{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.08em;color:var(--muted);padding-left:4px;line-height:1.5}.trace-room-panel{position:absolute;left:26px;bottom:30px;z-index:6;background:var(--panel);border:1px solid var(--hair);border-radius:14px;padding:13px 16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 44px #00000073;display:flex;flex-direction:column;gap:9px;min-width:220px}.trace-room-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;color:var(--text)}.trace-room-size{display:flex;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;color:var(--muted)}.trace-room-size label{display:inline-flex;align-items:center;gap:6px;color:var(--line)}.trace-room-size input{width:62px;font-family:Space Mono,monospace;font-size:12px;color:var(--text);background:#ffffff0a;border:1px solid var(--hair);border-radius:7px;padding:6px 8px}.trace-room-size input:focus{outline:none;border-color:var(--line)}.trace-x,.trace-room-raw{color:var(--muted)}.trace-delete{align-self:flex-start;font-size:12px;padding:7px 12px;color:var(--amber);border-color:#ffb3474d}.trace-delete:hover{border-color:var(--amber);background:#ff9d2e14}@media (max-width: 560px){.trace-toolbar{top:14px;left:14px}.trace-room-panel{left:14px;bottom:18px}.trace-hint-line{display:none}}:root{--ink:#0a111e;--panel:rgba(14,24,40,.72);--line:#54d1f6;--line-soft:rgba(84,209,246,.22);--amber:#ffb347;--amber-deep:#ff9d2e;--text:#e8eef8;--muted:#8493ab;--hair:rgba(132,147,171,.18)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-font-smoothing:antialiased}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage canvas{display:block;touch-action:none}.brand{position:absolute;top:0;left:0;right:0;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:5}.brand .mark{display:flex;align-items:baseline;gap:10px}.brand .glyph{font-family:Space Mono,monospace;font-size:13px;letter-spacing:.34em;color:var(--line);text-transform:uppercase;border:1px solid var(--line-soft);padding:5px 9px 4px;border-radius:3px}.brand h1{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:18px;letter-spacing:-.01em}.brand h1 span{color:var(--muted);font-weight:400}.whitelabel{font-family:Space Mono,monospace;font-size:10.5px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;text-align:right;line-height:1.5}.caption{position:absolute;left:50%;top:74px;transform:translate(-50%);font-family:Space Mono,monospace;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--line);display:flex;align-items:center;gap:10px;z-index:5;pointer-events:none}.caption .dot{width:7px;height:7px;border-radius:50%;background:var(--line);box-shadow:0 0 12px var(--line);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.dock{position:absolute;left:50%;bottom:30px;transform:translate(-50%);z-index:6;width:min(620px,calc(100% - 36px));background:var(--panel);border:1px solid var(--hair);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:16px 18px 15px;box-shadow:0 24px 60px #00000080}.progress{height:3px;border-radius:3px;background:#8493ab29;overflow:hidden;margin-bottom:14px}.progress i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--line),var(--amber));border-radius:3px;transition:width .08s linear}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13.5px;color:var(--text);background:#ffffff0a;border:1px solid var(--hair);padding:10px 15px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color .2s,background .2s,transform .06s}button:hover{border-color:var(--line-soft);background:#54d1f612}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--line);outline-offset:2px}button.primary{background:linear-gradient(180deg,var(--amber),var(--amber-deep));color:#231405;border-color:transparent}button[aria-pressed=true]{border-color:var(--line);background:#54d1f61f;color:#bfeaff}.spacer{flex:1}.hint{font-family:Space Mono,monospace;font-size:10.5px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.lab{position:absolute;transform:translate(-50%,-50%);font-family:Space Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#bfeaff;white-space:nowrap;padding:3px 8px;border-radius:5px;background:#0a111e8c;border:1px solid var(--line-soft);opacity:0;transition:opacity .4s}.lab b{color:#fff;font-weight:700}.lab small{display:block;font-size:9px;color:var(--muted);letter-spacing:.08em;margin-top:1px}.surface{position:absolute;top:0;right:0;bottom:0;left:0}.view-toggle{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:7;display:inline-flex;gap:3px;padding:3px;background:var(--panel);border:1px solid var(--hair);border-radius:11px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 30px #0006}.view-seg{font-family:Space Mono,monospace;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:8px;padding:7px 16px;min-width:54px;justify-content:center}.view-seg:hover{background:#54d1f60f;border-color:transparent;color:var(--text)}.view-seg.active{color:#bfeaff;background:#54d1f624;border-color:var(--line)}.empty-3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px}.empty-3d__title{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.empty-3d__body{font-size:13.5px;line-height:1.5;color:var(--muted);max-width:340px;margin-bottom:6px}@media (max-width:560px){.brand h1{font-size:15px}.whitelabel{display:none}.caption{top:66px;font-size:11px}.hint{display:none}.dock{bottom:18px;padding:14px}button{font-size:12.5px;padding:9px 12px}.view-toggle{top:14px}}@media (prefers-reduced-motion:reduce){.caption .dot{animation:none}}