:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0c0c0e;--bg2: #151518;--bg3: #1c1c21;--border: rgba(255, 255, 255, .08);--text: #e4e4e7;--text-dim: rgba(255, 255, 255, .45);--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--radius: 6px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100vh;outline:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;gap:12px}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-right{display:flex;align-items:center;gap:8px}.logo{font-size:15px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;color:var(--accent)}.floor-tabs{display:flex;gap:4px}.floor-tab{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:4px 12px;border-radius:var(--radius);font-size:12px;cursor:pointer;transition:all .15s;font-family:inherit}.floor-tab:hover{background:var(--bg3);color:var(--text)}.floor-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.floor-tab.add,.floor-tab.remove{width:28px;padding:4px 0;text-align:center;font-weight:600}.floor-tab.remove{color:var(--danger);border-color:#ef444433}.floor-tab.remove:hover{background:#ef44441a}.main-layout{display:flex;flex:1;overflow:hidden}.toolbar{width:72px;background:var(--bg2);border-right:1px solid var(--border);padding:8px 6px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-dim);cursor:pointer;transition:all .15s;font-family:inherit}.tool-btn:hover{background:var(--bg3);color:var(--text)}.tool-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tool-icon{font-size:18px;line-height:1}.tool-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em}.tool-divider{height:1px;background:var(--border);margin:6px 4px}.canvas-container{flex:1;overflow:hidden;position:relative}.canvas-container canvas{display:block;width:100%;height:100%}.text-input-overlay{background:var(--bg3);border:1px solid var(--accent);color:var(--text);padding:4px 8px;font-size:13px;border-radius:var(--radius);outline:none;min-width:120px;font-family:inherit}.properties-panel{width:240px;background:var(--bg2);border-left:1px solid var(--border);padding:16px 12px;overflow-y:auto;flex-shrink:0}.properties-panel h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:10px}.prop-group{display:flex;flex-direction:column;gap:8px}.prop-group label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.prop-group input,.properties-panel input{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:var(--radius);font-size:13px;outline:none;font-family:inherit;width:100%}.prop-group input:focus,.properties-panel input:focus{border-color:var(--accent)}.dim-row{display:flex;gap:8px}.dim-row>div{flex:1;display:flex;flex-direction:column;gap:4px}.color-row{display:flex;gap:4px;flex-wrap:wrap}.color-swatch{width:20px;height:20px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .15s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#fff}.divider{height:1px;background:var(--border);margin:14px 0}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary-item{background:var(--bg3);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;align-items:center}.summary-val{font-size:18px;font-weight:700}.summary-label{font-size:10px;color:var(--text-dim);text-transform:uppercase}.total-area{margin-top:8px;font-size:13px;color:var(--text-dim);text-align:center}.total-area strong{color:var(--text)}.room-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.room-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg3);border-radius:var(--radius);font-size:12px;cursor:default}.room-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.room-name{flex:1}.room-size{color:var(--text-dim);font-size:11px}.hint{font-size:12px;color:var(--text-dim)}.btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:var(--radius);font-size:12px;cursor:pointer;transition:all .15s;font-family:inherit}.btn:hover{background:#ffffff14}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-sm{padding:4px 10px;font-size:11px}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff;width:100%;margin-top:8px}.btn-danger:hover{background:#dc2626}.btn-danger-outline{background:transparent;border:1px solid rgba(239,68,68,.3);color:var(--danger);width:100%;margin-top:12px;padding:6px;font-size:11px;cursor:pointer;border-radius:var(--radius);font-family:inherit}.btn-danger-outline:hover{background:#ef44441a}.statusbar{display:flex;align-items:center;gap:20px;padding:0 16px;height:28px;background:var(--bg2);border-top:1px solid var(--border);font-size:11px;color:var(--text-dim);flex-shrink:0}.statusbar strong{color:var(--text)}.statusbar .hint{margin-left:auto}@media(max-width:768px){.toolbar{width:56px}.tool-label{display:none}.properties-panel{width:200px}.topbar{padding:0 8px}}