:root{--bg:#0f1117;--panel:#151924;--panel-soft:#1d2330;--grid:#ffffff14;--accent:#fbb30e;--accent-blue:#4aa3ff;--danger:#ff4d4d;--success:#35d07f;--text:#f5f7fa;--muted:#9ba6b8;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}#cts-panel-design-studio-root{background-color:var(--bg);width:100%;height:750px;max-height:90vh;color:var(--text);border:1px solid var(--grid);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.studio-container{box-sizing:border-box;grid-template-columns:340px 1fr 320px;width:100%;height:100%;display:grid}.sidebar,.inspector{background-color:var(--panel);border-color:var(--grid);box-sizing:border-box;border-style:solid;flex-direction:column;height:100%;padding:20px;display:flex;overflow-y:hidden}.sidebar{border-right-width:1px}.inspector{border-left-width:1px}.inspector-content{flex:1;overflow-y:auto}.inspector-actions{border-top:1px solid var(--grid);flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;padding-bottom:20px;display:flex}.accordion-section{border-bottom:1px solid var(--grid);flex-direction:column;display:flex;overflow:hidden}.accordion-section.open{flex:1;min-height:0}.accordion-header{cursor:pointer;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:14px 0;transition:all .2s;display:flex}.accordion-content{flex:1;padding-bottom:16px;overflow-y:auto}.accordion-header-title{align-items:center;gap:10px;display:flex}.accordion-header-title h2{color:#fff;margin:0;padding:0;font-size:1.1rem;font-weight:300}.custom-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.custom-modal{background-color:var(--panel);border:1px solid var(--grid);border-radius:8px;width:400px;max-width:90%;padding:24px;box-shadow:0 10px 40px #00000080}.custom-modal h3{color:var(--accent);margin-top:0}.custom-modal p{color:var(--muted);margin-bottom:24px;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.toast-notification{background-color:var(--panel);border:1px solid var(--accent);color:var(--text);z-index:2000;border-radius:8px;align-items:center;gap:12px;padding:12px 24px;font-size:.9rem;animation:.3s ease-out toast-in;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}@keyframes toast-in{0%{opacity:0;bottom:-50px}to{opacity:1;bottom:24px}}.module-card.selected{border-style:solid;border-width:1px}.section-panels .module-card.selected{border-color:var(--accent-blue)}.section-modules .module-card.selected{border-color:var(--accent)}.section-options .module-card.selected{border-color:var(--success)}.section-addons .module-card.selected{border-color:#b794f4}.section-panels .accordion-header-title{color:var(--accent-blue)}.section-modules .accordion-header-title{color:var(--accent)}.section-options .accordion-header-title{color:var(--success)}.section-addons .accordion-header-title{color:#b794f4}.category-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:12px;font-size:.7rem;font-weight:500}.search-container{flex-shrink:0;width:90%;margin:0 auto 12px;position:relative}.category-search{background-color:var(--panel-soft);border:1px solid var(--grid);width:100%;color:var(--text);box-sizing:border-box;border-radius:4px;outline:none;padding:6px 30px 6px 10px;font-size:.8rem}.category-search:focus{border-color:var(--muted);box-shadow:none!important;outline:none!important}.search-clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text)}.door-toggle-row{background-color:var(--panel-soft);border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:4px;display:flex}.door-label{color:var(--muted);font-size:.85rem;font-weight:300}.module-card{background-color:var(--panel-soft);border:1px solid var(--grid);cursor:grab;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.module-card-content{flex:1}.module-shape-preview{background-color:var(--panel);border:1px solid var(--grid);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:12px;display:flex}.option-check{color:var(--success);margin-left:8px}.door-view-btn{border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:background .2s;display:flex}.addon-controls{border-top:1px solid var(--grid);align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.qty-btn{background-color:var(--panel);border:1px solid var(--grid);color:var(--text);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.placement-ghost{pointer-events:none;z-index:2;box-sizing:border-box;border-style:solid;border-width:2px;transition:transform 50ms ease-out;position:absolute}.placement-ghost.valid{border-color:var(--success);background-color:#35d07f26;box-shadow:0 0 15px #35d07f33}.placement-ghost.invalid{border-color:var(--danger);background-color:#ff4d4d26;box-shadow:0 0 15px #ff4d4d33}.module-dragging-overlay{pointer-events:none;z-index:9999;box-shadow:0 20px 50px #00000080;opacity:.5!important;cursor:grabbing!important}.canvas-area{background-color:var(--bg);display:flex;overflow:auto}.canvas-area-inner{justify-content:center;align-items:center;min-width:min-content;min-height:min-content;margin:auto;padding:80px;display:flex}.panel-canvas{background-color:var(--panel-soft);border:1px solid var(--grid);position:relative;box-shadow:0 20px 50px #00000080}.grid-overlay{pointer-events:none;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);position:absolute;inset:0}.restricted-zone{pointer-events:none;color:var(--danger);opacity:.3;background:repeating-linear-gradient(45deg,#ff4d4d0d,#ff4d4d0d 10px,#ff4d4d1a 10px 20px);border:1px solid #ff4d4d4d;justify-content:center;align-items:center;display:flex;position:absolute}.module-placed{background-color:var(--panel);border:1px solid var(--accent-blue);box-sizing:border-box;cursor:move;z-index:5;justify-content:center;align-items:center;padding:4px;transition:box-shadow .2s;display:flex;position:absolute}.module-placed:hover{z-index:10}.module-placed.selected{border:2px solid var(--accent);box-shadow:0 0 15px var(--accent);z-index:11}.fill-slot-btn{background-color:var(--success);color:#000;cursor:pointer;z-index:20;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s;display:flex;position:absolute;bottom:-10px;right:-10px;box-shadow:0 4px 10px #0000004d}.fill-slot-btn:hover{transform:scale(1.2)}.module-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;font-weight:700;overflow:hidden}.module-slot{pointer-events:none;box-sizing:border-box;background-color:#ffffff05;border:1px dashed #ffffff26;border-radius:2px;position:absolute}.module-slot.occupied{background-color:#0000;border:none}.inspector-card{background-color:var(--panel-soft);border:1px solid var(--grid);border-radius:8px;margin-bottom:16px;padding:20px;box-shadow:0 4px 20px #0000004d}.inspector-card.selected{border-color:var(--accent)}.card-title{text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:.7rem;font-weight:700}.stat-row{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1rem;display:flex}.stat-label{color:var(--muted)}.stat-value{color:var(--accent-blue);font-family:monospace;font-size:1.1rem;font-weight:600}.stat-row.total{border-top:1px solid var(--grid);margin-top:16px;padding-top:16px}.stat-row.total .stat-label{color:var(--text);font-size:1.1rem;font-weight:700}.stat-row.total .stat-value{color:var(--success);font-size:1.4rem}.undo-redo-actions{gap:8px;display:flex}.btn-icon{background:var(--panel-soft);border:1px solid var(--grid);color:var(--text);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-icon:hover:not(.disabled){background-color:var(--panel);color:var(--accent);border-color:var(--accent)}.btn-icon.disabled{opacity:.3;cursor:not-allowed}.ring-charts-row{justify-content:space-around;gap:16px;margin-bottom:24px;padding:10px 0;display:flex}.ring-chart-container{flex-direction:column;align-items:center;width:100px;display:flex;position:relative}.ring-chart{filter:drop-shadow(0 4px 6px #0006)}.ring-progress{transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.ring-chart-content{pointer-events:none;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;top:50px;left:0;transform:translateY(-50%)}.ring-value{font-family:monospace;font-size:1.4rem;font-weight:700;line-height:1}.ring-unit{color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:.65rem}.ring-label{color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin-top:12px;font-size:.75rem;font-weight:600}.inspector-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:700;transition:all .2s;display:flex}.btn-primary{background-color:var(--accent);color:#000}.btn-primary:hover{background-color:#e5a40d}.btn-secondary{background-color:var(--panel-soft);color:var(--text);border:1px solid var(--grid)}.btn-secondary:hover{background-color:var(--panel)}.btn-delete{color:var(--danger);cursor:pointer;background:0 0;border:none;width:auto;padding:4px;display:flex}.btn-delete:hover{background-color:#ff4d4d1a;border-radius:4px}.inspector-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.inspector-header h3{color:var(--accent);margin:0;font-size:1rem;font-weight:300}.grid-details{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-item .label{text-transform:uppercase;color:var(--muted);font-size:.6rem}.detail-item .value{font-family:monospace;font-size:.8rem}.detail-item.full-width{border-top:1px solid var(--grid);grid-column:span 2;padding-top:12px}.detail-item .value.success{color:var(--success);font-size:1rem;font-weight:700}.door-overlay{z-index:100;background-color:#2a2d35;border:1px solid #3a3d45;justify-content:flex-end;align-items:center;padding-right:20px;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 40px #00000080}.door-lock{background-color:#111;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.door-lock:after{content:"";background-color:#222;width:2px;height:12px}.lock-indicator{color:var(--accent);background-color:#00000080;border-radius:3px;padding:2px;display:flex;position:absolute;top:4px;right:4px}