.app-layout{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.logo{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.app-title{color:var(--fg);letter-spacing:-.3px;font-size:18px;font-weight:700}.app-subtitle{color:var(--muted);margin-top:1px;font-size:12px}.header-right{flex-wrap:wrap;gap:8px;display:flex}.badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;padding:10px 24px;display:flex}.floor-switcher{background:var(--surface2);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:flex}.floor-btn{color:var(--muted);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.floor-btn:hover{color:var(--fg);background:#fff}.floor-btn.active{color:var(--accent);background:#fff;font-weight:600;box-shadow:0 1px 4px #0000001a}.toggles{align-items:center;gap:16px;margin-left:8px;display:flex}.toggle{color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.toggle input{display:none}.toggle-track{background:var(--border);border-radius:10px;flex-shrink:0;width:34px;height:20px;transition:background .2s;position:relative}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(14px)}.btn-export{background:var(--accent);color:#fff;border:none;border-radius:8px;align-items:center;gap:7px;margin-left:auto;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.btn-export:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.btn-export:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.plan-area{flex:1;justify-content:center;align-items:flex-start;padding:24px;display:flex;overflow:auto}.plan-wrapper{background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:12px;max-width:100%;overflow:hidden}.legend{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 24px;display:flex}.legend-items{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.swatch{border-radius:2px;flex-shrink:0;width:20px;height:12px;display:inline-block}.swatch.wall{background:#2d2d2d}.swatch.partition{background:#6b6b6b}.swatch.glazing{background:#93c5fd;border:1px solid #3b82f6}.swatch.door{background:0 0;border:2px dashed #f59e0b}.swatch.stair{background:repeating-linear-gradient(90deg,#d4cfc8 0 2px,#f8f7f4 2px 8px)}.swatch.jacuzzi{background:#dbeafe;border:1px solid #93c5fd}.legend-scale{color:var(--muted);font-size:11px;font-style:italic}@media (width<=600px){.app-header{padding:10px 14px}.toolbar{gap:10px;padding:8px 14px}.plan-area{padding:12px}.legend{padding:8px 14px}.app-title{font-size:15px}.toggles{gap:10px}.btn-export{padding:7px 12px;font-size:12px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f7f4;--surface:#fff;--surface2:#f0ede8;--fg:#1a1a1a;--muted:#6b6b6b;--accent:#2563eb;--accent2:#1d4ed8;--border:#d4cfc8;--wall:#2d2d2d;--room-fill:#ffffffd9;--dim-color:#e74c3c;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--radius:8px;--shadow:0 2px 12px #00000014;--shadow-lg:0 8px 32px #0000001f}html,body,#root{background:var(--bg);height:100%;font-family:var(--font);color:var(--fg)}button{font-family:var(--font);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}