:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0f1117;color:#e4e4e7}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#161822;border-bottom:1px solid rgba(255,255,255,.06)}.header h1{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.header-actions{display:flex;gap:.5rem}.btn{padding:.4rem .85rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e4e4e7;font-size:.8rem;cursor:pointer;transition:background .15s}.btn:hover{background:#ffffff14}.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger{border-color:#ef44444d;color:#fca5a5}.btn-danger:hover{background:#ef444426}.layout{display:flex;flex:1;overflow:hidden}.sidebar{width:220px;background:#161822;border-right:1px solid rgba(255,255,255,.06);padding:1rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff59;margin-bottom:.5rem;font-weight:600}.palette-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;border-radius:.45rem;cursor:grab;transition:background .15s;-webkit-user-select:none;user-select:none;border:1px solid transparent}.palette-item:hover{background:#ffffff0d;border-color:#ffffff0f}.palette-item:active{cursor:grabbing}.palette-icon{width:36px;height:36px;border-radius:.35rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.palette-label{font-size:.82rem;font-weight:500}.palette-size{font-size:.68rem;color:#ffffff4d}.canvas-area{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:auto;position:relative}.room-container{position:relative;background:#1a1c28;border:2px solid rgba(255,255,255,.08);border-radius:.5rem;box-shadow:0 4px 24px #0006}.room-label{position:absolute;top:-28px;left:0;font-size:.7rem;color:#ffffff4d;letter-spacing:.05em}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}.placed-item{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.35rem;transition:box-shadow .15s;z-index:1}.placed-item:hover{box-shadow:0 0 0 2px #3b82f680;z-index:10}.placed-item.selected{box-shadow:0 0 0 2px #3b82f6;z-index:10}.placed-item .item-icon{font-size:1.4rem;pointer-events:none}.placed-item .item-label{font-size:.6rem;color:#ffffff80;margin-top:.15rem;pointer-events:none;white-space:nowrap}.placed-item .delete-btn{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid #1a1c28;font-size:.6rem;cursor:pointer;display:none;align-items:center;justify-content:center;line-height:1;z-index:20}.placed-item:hover .delete-btn,.placed-item.selected .delete-btn{display:flex}.resize-handle{position:absolute;bottom:-4px;right:-4px;width:10px;height:10px;background:#3b82f6;border-radius:2px;cursor:nwse-resize;display:none;z-index:20}.placed-item:hover .resize-handle,.placed-item.selected .resize-handle{display:block}.drop-indicator{position:absolute;border:2px dashed rgba(59,130,246,.4);border-radius:.35rem;background:#3b82f60d;pointer-events:none;z-index:5}.properties-panel{width:200px;background:#161822;border-left:1px solid rgba(255,255,255,.06);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.prop-group{display:flex;flex-direction:column;gap:.3rem}.prop-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d}.prop-row{display:flex;gap:.4rem}.prop-input{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.3rem;padding:.3rem .45rem;color:#e4e4e7;font-size:.78rem;width:100%;outline:none}.prop-input:focus{border-color:#3b82f666}.color-swatch{width:28px;height:28px;border-radius:.3rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.color-swatch::-webkit-color-swatch-wrapper{padding:2px}.color-swatch::-webkit-color-swatch{border:none;border-radius:.2rem}.empty-prop{font-size:.78rem;color:#ffffff40;text-align:center;padding:2rem 0}.status-bar{padding:.35rem 1.5rem;background:#161822;border-top:1px solid rgba(255,255,255,.06);font-size:.7rem;color:#ffffff4d;display:flex;gap:1.5rem}