:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--surface: #18181b;--border: #27272a;--text: #fafafa;--text-muted: #a1a1aa;--accent: #6366f1}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{min-height:100vh;padding:1.5rem;max-width:1200px;margin:0 auto}.header{margin-bottom:1.5rem}.header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}@media(max-width:800px){.layout{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:1rem}.panel-section h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}label{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;color:var(--text-muted)}label input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none}label input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.add-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.add-btn{background:transparent;border:1px solid;border-radius:.5rem;padding:.5rem;font-size:.75rem;color:var(--text);cursor:pointer;text-transform:capitalize;transition:background .15s}.add-btn:hover{background:#ffffff0d}.edit-label{font-size:.9rem;margin-bottom:.5rem}.type-switch{display:flex;gap:.4rem;margin-bottom:.75rem}.type-btn{flex:1;padding:.45rem;border:1px solid var(--border);border-radius:.4rem;background:transparent;color:var(--text);font-size:1rem;cursor:pointer;transition:all .15s}.type-btn:hover{background:#ffffff0d}.type-btn.active{border-color:transparent;color:#fff}.remove-btn{width:100%;padding:.5rem;background:#dc262622;border:1px solid #dc262644;border-radius:.4rem;color:#f87171;font-size:.8rem;cursor:pointer;transition:background .15s}.remove-btn:hover{background:#dc262633}.specs .spec-row{display:flex;justify-content:space-between;font-size:.8rem;padding:.3rem 0;border-bottom:1px solid var(--border);color:var(--text-muted)}.specs .spec-row span:last-child{color:var(--text);font-variant-numeric:tabular-nums}.closet-area{display:flex;justify-content:center;align-items:center;min-height:520px}.closet-frame{position:relative;background:var(--surface);border:2px solid #3f3f46;border-radius:.5rem;padding:2rem 1rem 1rem}.dim-label{position:absolute;font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.dim-label.top{top:.5rem;left:50%;transform:translate(-50%)}.dim-label.side{top:50%;right:-3.5rem;transform:translateY(-50%) rotate(90deg)}.closet-inner{display:flex;height:100%;border:1px solid #52525b;border-radius:.25rem;overflow:hidden}.section{position:relative;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.section:hover{filter:brightness(1.2)}.section.active{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.section-content{display:flex;flex-direction:column;align-items:center;gap:.25rem;z-index:1;pointer-events:none}.section-icon{font-size:1.5rem}.section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.section-size{font-size:.6rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.hanging-rod{position:absolute;top:20%;left:10%;right:10%}.rod{height:6px;background:linear-gradient(90deg,#818cf8,#6366f1);border-radius:3px;box-shadow:0 2px 8px #6366f14d}.rod-shadow{height:2px;margin-top:2px;background:#6366f126;border-radius:1px;filter:blur(2px)}.shelf-lines{position:absolute;top:10%;right:12%;bottom:10%;left:12%;pointer-events:none}.shelf-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:1.5px;box-shadow:0 1px 4px #22c55e33}.drawer-boxes{position:absolute;top:8%;right:10%;bottom:8%;left:10%;pointer-events:none}.drawer-box{position:absolute;left:0;right:0;height:22%;border:2px solid #f59e0b88;border-radius:4px;background:#f59e0b0a;display:flex;align-items:center;justify-content:center}.drawer-handle{width:30%;height:4px;background:#f59e0b;border-radius:2px}