:root{color-scheme:light;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f4f4}#app{display:flex;flex-direction:column;height:100vh}#toolbar{padding:.5rem 1rem;background:#222;color:#fff;display:flex;align-items:center;gap:1.5rem}#toolbar h1{margin:0;font-size:1rem;font-weight:600}#file-controls{margin-left:auto;display:flex;align-items:center;gap:.5rem}#file-controls button,#file-controls select{padding:.3rem .7rem;background:#444;color:#fff;border:1px solid #666;border-radius:4px;cursor:pointer;font-size:.85rem}#file-controls button:hover,#file-controls select:hover{background:#555}#file-controls select{max-width:160px}.header-divider{width:1px;height:20px;background:#555}#plan-wrap{flex:0 0 55%;min-height:150px;padding:1rem;display:flex;gap:1rem}.canvas-wrap{position:relative;flex:1 1 auto;min-width:0;min-height:0}#plan-canvas,#preview-3d-canvas{width:100%;height:100%;display:block;border:1px solid #ccc}.corner-controls{position:absolute;bottom:12px;right:12px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px}.tool-controls,.zoom-controls{display:flex;flex-direction:column;gap:4px}.control-divider{width:22px;height:1px;background:#ccc}.corner-controls button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #999;background:#fff;color:#333;font-size:1rem;line-height:1;cursor:pointer;box-shadow:0 1px 3px #0003}.corner-controls button:hover{background:#f0f0f0}.tool-controls button.active{background:#2b6cb0;border-color:#2b6cb0;color:#fff}.tool-controls button svg{width:18px;height:18px}#divider{flex:0 0 6px;background:#ccc;cursor:row-resize;touch-action:none}#divider:hover,#divider:active{background:#999}#room-panel,#window-panel,#door-panel,#furniture-panel,#opening-panel{flex:0 0 220px;background:#fff;border:1px solid #ccc;border-radius:4px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.hidden{display:none!important}#room-panel h2,#window-panel h2,#door-panel h2,#furniture-panel h2,#opening-panel h2{margin:0 0 .5rem;font-size:.95rem}#room-panel label,#window-panel label,#door-panel label,#furniture-panel label,#opening-panel label{display:flex;flex-direction:column;font-size:.8rem;gap:.2rem}#room-panel input,#window-panel input,#door-panel input,#door-panel select,#furniture-panel input,#opening-panel input{padding:.3rem;font-size:.9rem}#door-panel [data-group]{display:flex;flex-direction:column;gap:.5rem}.wall-label{margin:0;font-size:.85rem;color:#666}#delete-room,#delete-window,#delete-door,#delete-furniture,#delete-opening{margin-top:.5rem;padding:.4rem;background:#c0392b;color:#fff;border:none;border-radius:4px;cursor:pointer}#preview-3d-wrap{flex:1 1 auto;min-height:150px;padding:1rem;background:#e8e8e8;display:flex}