: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(66px + 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:68px}.floor-bar{top:calc(10px + env(safe-area-inset-top));z-index:3;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;left:8px}.floor-add{background:var(--accent);width:38px;height:38px;min-height:38px;color:var(--accent-ink);border-radius:10px;place-items:center;padding:0;display:grid;box-shadow:0 4px 12px #00000059}.floor-add:not(:disabled):active{background:#2fc0b1}.floor-add svg{fill:currentColor;width:20px;height:20px}.floor-list{flex-direction:column;gap:6px;max-height:38dvh;display:flex;overflow-y:auto}.floor-list button{border:1px solid var(--line);width:38px;height:38px;min-height:38px;color:var(--muted);background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:13px;display:flex}.floor-dot{background:var(--floor-color,var(--muted));border-radius:50%;width:6px;height:6px}.floor-list button:not(:disabled):active{background:#25313a}.floor-list button.selected{border-color:var(--floor-color,var(--accent));background:color-mix(in srgb, var(--floor-color,var(--accent)) 18%, transparent);color:var(--floor-color,var(--accent))}.floor-delete{border:1px solid var(--line);width:38px;height:38px;min-height:38px;color:var(--muted);background:0 0;border-radius:10px;place-items:center;padding:0;display:grid}.floor-delete:not(:disabled):active{color:#ff6b6b;background:#25313a}.floor-delete svg{fill:currentColor;width:18px;height:18px}.floor-slab{border:1px solid var(--line);width:38px;height:38px;min-height:38px;color:var(--muted);background:0 0;border-radius:10px;place-items:center;padding:0;display:grid}.floor-slab:not(:disabled):active{background:#25313a}.floor-slab.active{border-color:var(--floor-color,var(--accent));background:color-mix(in srgb, var(--floor-color,var(--accent)) 16%, transparent);color:var(--floor-color,var(--accent))}.floor-slab svg{fill:currentColor;width:18px;height:18px}.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(10px + env(safe-area-inset-top));z-index:4;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, transparent);max-width:min(84%,380px);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%)}.length-badge{top:calc(112px + env(safe-area-inset-top));z-index:3;border:1px solid var(--accent);background:color-mix(in srgb, var(--panel) 92%, transparent);color:var(--accent);pointer-events:none;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 18px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000073}.length-badge-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.length-badge-step{color:var(--muted);font-size:11px}.length-badge[hidden]{display:none}.opening-preview{aspect-ratio:3/2;border:1px solid var(--line);touch-action:none;background:#0f1418;border-radius:10px;width:min(100%,320px);height:auto;margin:0 auto 14px;display:block}.opening-preview .preview-floor{stroke:var(--line);stroke-width:2px}.opening-preview .preview-opening{fill:#c9d7e0;fill-opacity:.9;stroke:#fff;stroke-width:1.5px}.opening-preview .preview-pane{stroke:#0f1418;stroke-width:2px}.opening-preview .preview-handle{fill:var(--accent);stroke:#0f1418;stroke-width:3px;cursor:grab}.opening-preview .preview-handle:active{cursor:grabbing}.draft-panel{z-index:5;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0}.draft-panel[hidden]{display:none}.unit-switch{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:3px;display:flex;box-shadow:0 6px 16px #00000073}.unit-switch button{min-height:38px;color:var(--muted);background:0 0;border-radius:999px;padding:0 18px;font-size:14px}.unit-switch button.selected{background:var(--accent);color:var(--accent-ink)}.draft-buttons{gap:12px;display:flex}.draft-btn{border-radius:50%;place-items:center;width:54px;height:54px;min-height:54px;padding:0;display:grid;box-shadow:0 6px 16px #00000073}.draft-btn svg{fill:currentColor;width:24px;height:24px}.draft-accept{background:var(--accent);color:var(--accent-ink)}.draft-accept:not(:disabled):active{background:#2fc0b1}.draft-cancel{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line), 0 6px 16px #00000073}.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(72px + 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(74px + 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}.fab-add-interior{right:12px;bottom:calc(134px + env(safe-area-inset-bottom));left:auto}.fab-delete{right:72px;bottom:calc(134px + env(safe-area-inset-bottom));left:auto}.fab-new-room{left:12px;right:auto;bottom:calc(134px + env(safe-area-inset-bottom));background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px #00000073}.fab-new-room svg{width:26px;height:26px}.fab-new-room:not(:disabled):active{background:#2fc0b1}.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;font-variant-numeric:tabular-nums;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 textarea{border:1px solid var(--line);color:#c9d7e0;resize:vertical;-webkit-user-select:text;user-select:text;background:#0f1418;border-radius:10px;width:100%;min-height:132px;max-height:44dvh;padding:10px 12px;font:12px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace}.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.sheet-error{color:#ff9d94;margin:-6px 0 10px;font-size:12px}.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:44px;font-size:13px}.chips button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--accent);box-shadow:inset 0 0 0 1px 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}.field-row{justify-content:space-between;align-items:baseline;display:flex}.field-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:48px;margin:0}.range:focus{outline:none}.range:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:999px}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill,50%), #0f1418 var(--fill,50%));height:10px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}.range::-webkit-slider-thumb{appearance:none;border:3px solid var(--panel);background:var(--accent);border-radius:50%;width:30px;height:30px;margin-top:-10px;box-shadow:0 2px 8px #00000073}.range::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--fill,50%), #0f1418 var(--fill,50%));height:10px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}.range::-moz-range-thumb{border:3px solid var(--panel);background:var(--accent);border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #00000073}.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}