*{box-sizing:border-box}.layout-planner-bg{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.canvas-container{position:relative;width:100%;height:100%;overflow:hidden;background:#1a1a2e;border-radius:8px;box-shadow:inset 0 2px 8px #0000004d}.compartment-rect{stroke:#475569;stroke-width:2;fill:#1e293b;cursor:pointer;transition:fill .2s ease,stroke .2s ease}.compartment-rect:hover{fill:#334155}.compartment-rect.selected{stroke:#3b82f6;stroke-width:3;fill:#1e3a5f}.compartment-rect.highlight{stroke:#22c55e;stroke-width:3;fill:#14532d}.shelf-line{stroke:#64748b;stroke-width:1;stroke-dasharray:4 2}.shelf-line-fixed{stroke:#ef4444;stroke-width:2}.shelf-line-pullout{stroke:#3b82f6;stroke-width:2}.shelf-line-assisted{stroke:#06b6d4;stroke-width:2}.equipment-item{cursor:move;transition:transform .1s ease}.equipment-item:hover{filter:brightness(1.1)}.equipment-item.selected{filter:drop-shadow(0 0 8px rgba(59,130,246,.8))}.fit-good{fill:#22c55e;opacity:.2}.fit-tight{fill:#f59e0b;opacity:.2}.fit-fail{fill:#ef4444;opacity:.2}.fit-unknown{fill:#6b7280;opacity:.2}.grid-pattern{stroke:#94a3b826;stroke-width:.5}.side-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;transition:all .2s ease;border:1px solid transparent}.side-btn-inactive{background:#1e293b;color:#94a3b8;border-color:#334155}.side-btn-inactive:hover{background:#334155;color:#e2e8f0}.side-btn-active{background:#3b82f6;color:#fff;border-color:#60a5fa}.equipment-library{background:linear-gradient(180deg,#1e293b,#0f172a);border-left:1px solid #334155;overflow-y:auto;max-height:calc(100vh - 120px)}.equipment-library::-webkit-scrollbar{width:6px}.equipment-library::-webkit-scrollbar-track{background:#0f172a}.equipment-library::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.equipment-library::-webkit-scrollbar-thumb:hover{background:#475569}.equipment-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:12px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.equipment-card:hover{background:#334155;border-color:#475569;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.equipment-card:active{cursor:grabbing;transform:scale(.98)}.equipment-card.dragging{opacity:.5;border-color:#3b82f6}.category-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#1e293b;border:1px solid #334155;border-radius:6px;cursor:pointer;transition:all .2s}.category-header:hover{background:#334155}.category-header.expanded{background:#334155;border-color:#475569}.category-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600}.drop-zone-active{stroke:#22c55e!important;stroke-width:3!important;fill:#22c55e1a!important}.drop-zone-hover{animation:pulse-drop .5s ease-in-out infinite}@keyframes pulse-drop{0%,to{opacity:1}50%{opacity:.7}}.equipment-icon{cursor:move;transition:filter .2s ease}.equipment-icon:hover{filter:brightness(1.2)}.equipment-icon.selected{filter:drop-shadow(0 0 8px rgba(59,130,246,.8))}.inspector-panel{background:linear-gradient(180deg,#1e293b,#0f172a);border-right:1px solid #334155}.layout-home-btn{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:9999;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:10px;background:#b91c1cf2;color:#fff;font:600 14px/1.2 Plus Jakarta Sans,system-ui,sans-serif;text-decoration:none;box-shadow:0 6px 18px #00000059;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.layout-home-btn:hover{background:#991b1bfa}.layout-home-btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.layout-export-btn{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:9999;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:10px;background:#1e293bf2;color:#e2e8f0;font:600 14px/1.2 Plus Jakarta Sans,system-ui,sans-serif;text-decoration:none;box-shadow:0 6px 18px #00000059;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:background .2s cubic-bezier(.25,1,.5,1)}.layout-export-btn:hover{background:#334155fa}.layout-export-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0f172af2;border-radius:8px;box-shadow:0 4px 12px #0000004d}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:#1e293b;color:#94a3b8;border:1px solid #334155;cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{background:#334155;color:#e2e8f0}.toolbar-btn.active{background:#3b82f6;color:#fff;border-color:#60a5fa}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0f172ae6;border-top:1px solid #334155;font-size:12px;color:#94a3b8}.equipment-library::-webkit-scrollbar,.inspector-panel::-webkit-scrollbar{width:8px}.equipment-library::-webkit-scrollbar-track,.inspector-panel::-webkit-scrollbar-track{background:#0f172a}.equipment-library::-webkit-scrollbar-thumb,.inspector-panel::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.equipment-library::-webkit-scrollbar-thumb:hover,.inspector-panel::-webkit-scrollbar-thumb:hover{background:#475569}@media(max-width:768px){.layout-planner-bg{padding:8px}.equipment-library{position:fixed;bottom:0;left:0;right:0;height:40vh;border-left:none;border-top:1px solid #334155;z-index:100}.inspector-panel{position:fixed;top:60px;right:0;width:280px;max-height:calc(100vh - 60px);border-right:none;z-index:90}}@supports (padding: env(safe-area-inset-top)){.layout-planner-bg{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@keyframes pulse-highlight{0%,to{opacity:1}50%{opacity:.6}}.compartment-highlight{animation:pulse-highlight 1s ease-in-out infinite}.drag-preview{position:fixed;pointer-events:none;opacity:.8;z-index:10000}.tooltip{position:absolute;background:#1e293b;color:#e2e8f0;padding:8px 12px;border-radius:6px;font-size:12px;box-shadow:0 4px 12px #0006;border:1px solid #334155;z-index:1000;white-space:nowrap}.tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#334155}