*{box-sizing:border-box;margin:0;padding:0}:root{--toolbar-bg:#1a1a2e;--toolbar-hover:#16213e;--toolbar-active:#0f3460;--accent:#e94560;--accent-hover:#ff6b81;--text:#eee;--text-dim:#999;--panel-bg:#1a1a2eeb;--panel-border:#e945604d;--radius:8px;--shadow:0 4px 24px #0006}html,body{width:100%;height:100%;color:var(--text);background:#0a0a1a;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}#viewport{width:100%;height:100%;display:block}#toolbar{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.tool-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;font-family:inherit;transition:all .15s;display:flex}.tool-btn:hover{background:var(--toolbar-hover);color:var(--text)}.tool-btn.active{background:var(--toolbar-active);color:var(--accent)}.tool-btn .icon{font-size:20px;line-height:1}.tool-btn .label{text-transform:uppercase;letter-spacing:.5px;font-size:10px}.toolbar-separator{background:var(--panel-border);height:1px;margin:4px 0}#floor-selector{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;top:16px;right:16px}#floor-selector button{background:var(--toolbar-hover);width:40px;height:32px;color:var(--text);cursor:pointer;border:none;border-radius:4px;font-size:14px;transition:all .15s}#floor-selector button:hover:not(:disabled){background:var(--toolbar-active);color:var(--accent)}#floor-selector button:disabled{opacity:.3;cursor:default}#floor-display{text-align:center;padding:4px 8px}#floor-label{font-size:13px;font-weight:600}#view-controls{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;gap:2px;padding:4px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.view-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.view-btn:hover{color:var(--text)}.view-btn.active{background:var(--accent);color:#fff}#furniture-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);min-width:280px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.panel-title{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.furniture-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.furniture-btn{background:var(--toolbar-hover);color:var(--text-dim);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.furniture-btn:hover{color:var(--text);border-color:#ffffff14}.furniture-btn.active{background:var(--toolbar-active);color:var(--text);border-color:#e9456059}.panel-note{color:var(--text-dim);font-size:11px}#status-bar{background:var(--panel-bg);border-top:1px solid var(--panel-border);color:var(--text-dim);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;justify-content:space-between;padding:8px 16px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}#status-tool{color:var(--accent);font-weight:600}#viewport.cursor-default{cursor:default}#viewport.cursor-crosshair{cursor:crosshair}#viewport.cursor-cell{cursor:cell}#viewport.cursor-delete{cursor:not-allowed}.tool-btn:disabled,.tool-btn[aria-disabled=true]{opacity:.3;cursor:default;pointer-events:none}#toast-container{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.toast{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;padding:8px 16px;font-size:13px;animation:.2s toast-in,.3s 2.2s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}#wall-length-indicator{color:#fff;pointer-events:none;z-index:15;white-space:nowrap;background:#4ecdc4d9;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600;display:none;position:absolute}.ghost-wall{pointer-events:none}@media (width<=900px){#furniture-panel{min-width:min(92vw,360px);top:auto;bottom:56px;left:50%}#toolbar{left:8px}#floor-selector{right:8px}#status-bar{gap:8px;font-size:11px}}