@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--ui-font:"Inter", system-ui, sans-serif;--ui-radius:6px;--ui-radius-small:4px;--accent:#45c8ff;--accent-soft:#45c8ff17;color:#e7ece9;font-family:var(--ui-font);font-synthesis:none;background:#080b0f}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.viewport{background:radial-gradient(circle at 50% 42%,#182027 0%,#080b0f 65%);position:fixed;inset:0}.viewport canvas{width:100%;height:100%;display:block}#app.ortho-mode .viewport canvas{cursor:none}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:3;background:#080b0fcc;border-bottom:1px solid #ffffff17;align-items:center;height:54px;padding:0 22px;display:flex;position:fixed;inset:0 0 auto}.brand{font:500 13px/1 var(--ui-font);letter-spacing:.17em}.brand-slash{color:var(--accent)}.prototype-tag{color:#67757c;font:500 9px/1 var(--ui-font);letter-spacing:.16em;margin-left:13px}.top-stats{color:#748187;font:10px var(--ui-font);letter-spacing:.09em;gap:24px;margin-left:auto;display:flex}.top-stats b{color:#d4ddd8;font-weight:500}.toolrail{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--ui-radius);background:#0b0f13d1;border:1px solid #ffffff1a;width:54px;padding:6px;position:fixed;top:72px;left:18px;box-shadow:0 16px 50px #0000003d}.tool-button{border-radius:var(--ui-radius-small);color:#87949a;cursor:pointer;width:40px;height:40px;font:500 12px var(--ui-font);background:0 0;border:1px solid #0000;margin-bottom:4px;padding:0}.tool-button:last-child{margin-bottom:0}.tool-button:hover{color:#fff;background:#ffffff0d}.tool-button.active{color:#061018;background:var(--accent);border-color:#8cddff}#app.object-mode .toolrail{opacity:.48}.primitive-panel{z-index:4;border-radius:var(--ui-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f13e0;border:1px solid #ffffff1a;width:224px;padding:12px;position:fixed;top:72px;left:84px;box-shadow:0 16px 50px #0000003d}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-heading .panel-label{margin:0}.panel-hint{color:#536168;font:8px var(--ui-font);letter-spacing:.1em}.primitive-list{grid-template-columns:1fr 1fr;gap:5px;display:grid}.primitive-button{border-radius:var(--ui-radius-small);color:#c1cbc6;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #0000;grid-template-columns:28px 1fr;align-items:center;gap:7px;width:100%;min-height:58px;margin:0;padding:7px;display:grid;position:relative}.primitive-button:hover,.primitive-button:focus-visible{color:#fff;background:var(--accent-soft);border-color:#45c8ff4d;outline:none}.primitive-button:active{transform:translateY(1px)}.primitive-button.dragging{opacity:.42;border-color:var(--accent)}.primitive-icon{width:28px;height:34px;color:var(--accent);border-radius:var(--ui-radius-small);font:17px/1 var(--ui-font);border:1px solid #45c8ff33;place-items:center;display:grid}.primitive-copy{flex-direction:column;gap:3px;display:flex}.primitive-copy b{color:inherit;font-size:11px;font-weight:500}.primitive-copy small{color:#657278;font-size:9px}.primitive-key{color:#707d82;min-width:18px;font:9px var(--ui-font);text-align:center;border:1px solid #ffffff1a;border-radius:3px;padding:2px 4px;position:absolute;top:4px;right:4px}.primitive-options{border-top:1px solid #ffffff12;margin-top:11px;padding-top:10px}.primitive-field{grid-template-columns:72px 1fr;align-items:center;gap:8px;margin-bottom:8px;display:grid}.primitive-field>span{color:#66747a;font:8px var(--ui-font);letter-spacing:.13em}.primitive-field output{float:right;color:var(--accent);font:9px var(--ui-font)}.primitive-field select{border-radius:var(--ui-radius-small);color:#b8c3be;width:100%;font:9px var(--ui-font);background:#10161b;border:1px solid #ffffff1a;padding:5px 7px}.primitive-field input[type=range]{width:100%;height:3px;accent-color:var(--accent);cursor:ew-resize}.primitive-tip{color:#58656a;font:9px/1.45 var(--ui-font);margin:8px 2px 1px}#app.primitive-dragging .lock-hint{opacity:0}#app.primitive-dragging .viewport:after{content:"DROP ON LATTICE";color:#45c8ff99;font:9px var(--ui-font);letter-spacing:.15em;pointer-events:none;border:1px dashed #45c8ff38;place-items:end center;padding-bottom:16px;display:grid;position:absolute;inset:64px 10px 10px}.viewport.primitive-drop-ready{box-shadow:inset 0 0 0 1px #45c8ff47}.plane-panel{z-index:4;border-radius:var(--ui-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f13d1;border:1px solid #ffffff1a;padding:12px;position:fixed;top:72px;right:18px}.panel-label{color:#66747a;font:9px var(--ui-font);letter-spacing:.15em;margin-bottom:9px}.plane-button{border-radius:var(--ui-radius-small);color:#6f7d83;cursor:pointer;font:10px var(--ui-font);background:0 0;border:0;padding:6px 8px}.plane-button.active{color:var(--accent);background:var(--accent-soft)}.view-gizmo{z-index:4;border-radius:var(--ui-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f13d6;border:1px solid #ffffff1a;width:166px;padding:11px;position:fixed;top:146px;right:18px;box-shadow:0 16px 50px #0003}.view-gizmo-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.view-gizmo-heading .panel-label{margin:0}.projection-button{color:#7d8a90;cursor:pointer;min-width:48px;font:8px var(--ui-font);letter-spacing:.08em;background:#ffffff06;border:1px solid #ffffff1a;border-radius:3px;padding:4px 6px}.projection-button:hover,.projection-button.active{color:var(--accent);background:var(--accent-soft);border-color:#45c8ff59}.view-grid{border-radius:var(--ui-radius-small);background:#ffffff05;grid-template:repeat(3,34px)/repeat(3,44px);justify-content:center;gap:3px;padding:4px;display:grid}.view-button{color:#77858b;cursor:pointer;font:500 8px var(--ui-font);letter-spacing:.04em;background:#090d11e6;border:1px solid #ffffff14;border-radius:3px}.view-button:hover,.view-button:focus-visible{color:#fff;border-color:#45c8ff57;outline:none}.view-button.active{color:#061018;background:var(--accent);border-color:#8cddff}.view-top{border-top-color:#6bd98f80;grid-area:1/2}.view-left{border-left-color:#ff6b6b80;grid-area:2/1}.view-front{grid-area:2/2;box-shadow:inset 0 0 0 1px #45c8ff0f}.view-right{border-right-color:#ff6b6b80;grid-area:2/3}.view-back{grid-area:3/1}.view-bottom{border-bottom-color:#6bd98f80;grid-area:3/2}.view-iso{border-bottom-color:#6fa8ff80;grid-area:3/3}.view-caption{color:#59666c;font:8px var(--ui-font);letter-spacing:.09em;text-align:center;margin-top:8px}.crosshair{pointer-events:none;z-index:2;width:26px;height:26px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#e7ece9d9;position:absolute;box-shadow:0 0 8px #000000b3}.crosshair:before{width:1px;height:7px;top:0;left:13px;box-shadow:0 19px #e7ece9d9}.crosshair:after{width:7px;height:1px;top:13px;left:0;box-shadow:19px 0 #e7ece9d9}.crosshair-dot{border:1px solid var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:11px;left:11px}#app.ortho-mode .crosshair,#app.ortho-mode .coordinate{opacity:0}#app.ortho-mode .crosshair.pointer-active,#app.ortho-mode .coordinate.pointer-active{opacity:1}.coordinate{z-index:2;border-radius:var(--ui-radius-small);color:var(--accent);font:9px var(--ui-font);letter-spacing:.08em;text-shadow:0 1px 7px #000;background:#030507d1;padding:4px 7px;position:fixed;top:calc(50% + 25px);left:50%;transform:translate(-50%)}.status-card{z-index:4;border-radius:var(--ui-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090d10db;border:1px solid #ffffff1c;align-items:center;gap:13px;min-width:360px;padding:13px 16px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0000004d}.status-key{color:#061018;background:var(--accent);border-radius:var(--ui-radius-small);font:500 9px var(--ui-font);padding:4px 7px}.status-text{color:#c1cbc6;font-size:12px}.lock-hint{z-index:5;pointer-events:none;opacity:0;background:#0406082e;place-items:center;transition:opacity .2s;display:grid;position:fixed;inset:0}.lock-hint.visible{opacity:1}.lock-card{border-radius:var(--ui-radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#080b0fe0;border:1px solid #ffffff24;padding:22px 28px}.lock-title{font:500 12px var(--ui-font);letter-spacing:.1em;margin-bottom:8px}.lock-subtitle{color:#7b898e;font-size:11px}.shortcut-strip{z-index:3;color:#5d6a70;font:9px var(--ui-font);position:fixed;bottom:20px;right:20px}.shortcut-strip span{color:#9ba6aa;margin-left:12px}@media (width<=680px){.top-stats,.plane-panel,.view-gizmo,.primitive-panel,.shortcut-strip{display:none}.status-card{width:calc(100% - 36px);min-width:auto}}