.floor-plan-designer{background:linear-gradient(135deg,#f8fafc 0%,#eef2f7 100%);flex-direction:column;gap:16px;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.floor-plan-designer-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 2px 12px #0000000f}.floor-plan-designer-title{color:#1e293b;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex}.floor-plan-designer-title:before{content:"🏗️";font-size:24px}.toolbar-edit-mode{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.floor-plan-toolbar{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:stretch;gap:12px;padding:16px 20px;display:flex;box-shadow:0 2px 12px #0000000f}.toolbar-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;min-width:120px;padding:12px 16px;display:flex}.toolbar-section-title{text-transform:uppercase;letter-spacing:.08em;color:#64748b;align-items:center;gap:6px;margin-bottom:4px;font-size:10px;font-weight:700;display:flex}.toolbar-control{align-items:center;gap:8px;display:flex}.toolbar-control label{color:#475569;min-width:18px;font-size:12px;font-weight:500}.toolbar-control input[type=text],.toolbar-control input[type=number]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:13px;transition:all .2s}.toolbar-control input[type=text]:focus,.toolbar-control input[type=number]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.toolbar-control input[type=color]{cursor:pointer;border:2px solid #e2e8f0;border-radius:8px;width:44px;height:36px;padding:2px;transition:all .2s}.toolbar-control input[type=color]:hover{border-color:#3b82f6;transform:scale(1.05)}.toolbar-control input[type=file]{color:#64748b;font-size:11px}.toolbar-control select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:13px;transition:all .2s}.toolbar-control select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.toolbar-button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.toolbar-button-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 8px #3b82f659}.toolbar-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f673}.toolbar-button-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.toolbar-button-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.toolbar-button-danger{color:#dc2626;background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%)}.toolbar-button-danger:hover{background:linear-gradient(135deg,#fca5a5 0%,#f87171 100%);transform:translateY(-1px)}.floor-plan-main{flex:1;grid-template-columns:1fr 340px;gap:16px;display:grid}.floor-plan-main.no-sidebar{grid-template-columns:1fr}.floor-plan-sidebar{flex-direction:column;gap:16px;display:flex}.json-panel{background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 2px 12px #0000000f}.json-panel textarea{resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;min-height:200px;padding:14px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;line-height:1.5}.json-panel textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.json-panel-buttons{gap:10px;display:flex}.floor-plan-canvas{cursor:grab;background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%);border:2px solid #d7d7d7;border-radius:12px;position:relative;overflow:hidden}.floor-plan-canvas:active{cursor:grabbing}.floor-plan-grid{pointer-events:none;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0}.cube-container{cursor:move;transition:filter .15s ease-out;position:absolute}.cube-container:hover{z-index:100;filter:brightness(1.08)}.cube-container.dragging{opacity:.85;z-index:1000}.cube-container.selected{filter:brightness(1.1)drop-shadow(0 0 8px #3b82f699)}.cube-container svg{display:block}.human-marker{cursor:move;filter:drop-shadow(2px 2px 4px #0003);transition:transform .1s ease-out;position:absolute}.human-marker:hover{z-index:100;transform:scale(1.1)}.human-marker.dragging{opacity:.8;z-index:1000}.human-marker svg{width:40px;height:40px}