:root{--bg: #f6f5f2;--panel: #fff;--line: #d9d6cf;--ink: #1f1f1f;--muted: #6b6b6b;--accent: #2f6fed;--wall: #2b2b2b;font-family:-apple-system,system-ui,sans-serif;font-size:14px;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);overflow:hidden}#app{display:grid;grid-template-rows:44px 34px 1fr 24px;height:100vh}#workspace{display:grid;grid-template-columns:72px 1fr 296px;min-height:0}#toolbar,#sidebar,#topbar,#statusbar{background:var(--panel);border-color:var(--line)}#toolbar{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;padding:8px 6px}.tool svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.tool span{display:block;font-size:10px;line-height:1.1;margin-top:2px}#sidebar{border-left:1px solid var(--line);overflow:auto;padding:12px}#topbar{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 12px;overflow-x:auto}#statusbar{border-top:1px solid var(--line);font-size:12px;color:var(--muted);padding:0 12px;display:flex;align-items:center;gap:16px}#canvas-host{position:relative;overflow:hidden}#canvas{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.tool{width:60px;padding:6px 2px 5px;border:1px solid transparent;border-radius:6px;background:none;cursor:pointer;color:var(--muted);font:inherit}.tool:hover{background:#f1efea}.tool.active{border-color:var(--accent);background:#eaf0fe;color:var(--accent)}#sidebar-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--line)}#sidebar-tabs button{flex:1;padding:6px 4px;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;font:inherit;color:var(--muted)}#sidebar-tabs button.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}#floors{background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:4px;padding:0 10px;overflow-x:auto}.floor-tab{padding:4px 12px;border:1px solid transparent;border-radius:5px;background:none;cursor:pointer;font:inherit;color:var(--muted);white-space:nowrap}.floor-tab:hover{background:#f1efea}.floor-tab.active{background:#eaf0fe;border-color:var(--accent);color:var(--accent);font-weight:600}.floor-action{margin-left:4px;padding:3px 9px;border:1px solid var(--line);border-radius:5px;background:#fff;cursor:pointer;font:inherit;font-size:12px;color:var(--muted);white-space:nowrap}.floor-action:hover{color:var(--ink)}.floor-underlay{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);white-space:nowrap;cursor:pointer}