:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1418;--panel:#161d23;--panel-2:#1d262e;--line:#2a3640;--text:#e8eef3;--muted:#93a4b0;--accent:#3dd6c6;--accent-ink:#052a26}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{height:100%;color:var(--text);background:#0a0e11;margin:0;font:15px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.app{background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;max-width:520px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}@media (min-width:521px){.app{border-inline:1px solid var(--line)}}#viewport{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.room-count{top:calc(16px + env(safe-area-inset-top));z-index:3;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, transparent);color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:6px 10px;font-size:12px;position:absolute;left:12px}.menu{top:calc(10px + env(safe-area-inset-top));z-index:4;position:absolute;right:12px}.menu-toggle{background:color-mix(in srgb, var(--panel) 80%, transparent);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;place-items:center;padding:0;display:grid}.menu-toggle svg{fill:currentColor;width:20px;height:20px}.menu-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 96%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;flex-direction:column;gap:2px;min-width:176px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 24px #00000073}.menu-panel[hidden]{display:none}.menu-panel button{min-height:42px;box-shadow:none;text-align:left;background:0 0;border-radius:8px;justify-content:flex-start;padding:0 12px;font-size:14px}.menu-panel button:not(:disabled):active{background:#2d3c47}button{background:var(--panel-2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:10px;padding:0 14px;font-size:14px;font-weight:600}button:disabled{opacity:.35}button:not(:disabled):active{background:#303e4a}.ghost{border:1px solid var(--line);white-space:nowrap;background:0 0;flex-shrink:0;min-height:36px;padding:0 10px;font-size:12px}.hint{top:calc(62px + env(safe-area-inset-top));z-index:2;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, transparent);max-width:min(92%,420px);color:var(--muted);text-align:center;pointer-events:none;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.action-bar{z-index:3;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top, color-mix(in srgb, var(--panel) 94%, transparent), transparent);flex-direction:column;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.action-row{gap:8px;display:flex}.action-row button{flex:1;padding:0 6px;font-size:13px}.action-row button.active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.fab{right:12px;bottom:calc(136px + env(safe-area-inset-bottom));z-index:3;background:var(--panel-2);width:52px;height:52px;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 6px 16px #00000073;border-radius:50%;padding:0;font-size:14px;font-weight:700;position:absolute}.fab:disabled{opacity:.35}.fab-mini{left:12px;bottom:calc(138px + env(safe-area-inset-bottom));z-index:3;background:var(--panel-2);width:48px;height:48px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line), 0 6px 16px #00000073;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.fab-mini svg{fill:currentColor;width:22px;height:22px}.fab-mini:disabled{opacity:.35}.fab-mini.active{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 6px 16px #00000073}.fab-redo{left:68px}.fab-snap{left:124px}.fab-recenter{left:auto;right:72px}.viewer3d{z-index:5;background:var(--bg);position:absolute;inset:0}.viewer3d[hidden]{display:none}.viewer3d canvas{touch-action:none;width:100%;height:100%;display:block}.viewer3d-bar{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:linear-gradient(to bottom, color-mix(in srgb, var(--panel) 86%, transparent), transparent);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.viewer3d-bar h2{color:var(--accent);margin:0;font-size:15px}.viewer3d-bar button{pointer-events:auto}.primary{background:var(--accent);width:100%;min-height:52px;color:var(--accent-ink);font-size:16px}.primary:not(:disabled):active{background:#2fc0b1}dialog.sheet{width:100%;max-width:520px;max-height:90dvh;padding:14px 14px calc(14px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--panel);color:var(--text);border-bottom:0;border-radius:18px 18px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow:auto}dialog.sheet::backdrop{background:#0009}dialog.sheet[open]{animation:.18s ease-out sheet-up}@keyframes sheet-up{0%{transform:translateY(24px)}to{transform:none}}.sheet-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.sheet-head h2{color:var(--accent);margin:0;font-size:16px}.step-badge{color:var(--muted);font-size:12px}.field{margin-bottom:14px}.field[hidden]{display:none}.field-label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.field input[type=number]{border:1px solid var(--line);width:100%;height:48px;color:var(--text);font:inherit;text-align:center;-webkit-user-select:text;user-select:text;appearance:textfield;background:#0f1418;border-radius:10px;padding:0 12px;font-size:16px}.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.field-hint{min-height:16px;color:var(--accent);margin:-6px 0 10px;font-size:12px}.chips{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.chips button{border:1px solid var(--line);min-height:40px;font-size:13px}.chips button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.direction-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.direction-row button{border:1px solid var(--line);min-height:56px;font-size:15px}.direction-row button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.stepper{grid-template-columns:52px 1fr 52px;gap:8px;display:grid}.stepper button{padding:0;font-size:20px}.sheet-actions{gap:8px;margin-top:4px;display:flex}.sheet-actions button{flex:1}.sheet-actions .primary{flex:2;min-height:48px;font-size:15px}#dataJson{border:1px solid var(--line);color:#c9d7e0;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;background:#0f1418;border-radius:10px;max-height:50dvh;margin:0 0 12px;padding:10px;font:12px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;overflow:auto}