.control-panel{z-index:20;pointer-events:auto;box-sizing:border-box;background:#101012;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:300px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 12px 32px #00000073}.control-panel-sections{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;max-height:calc(100vh - 40px);transition:max-height .25s,opacity .2s;display:flex;overflow-y:auto}.control-panel-sections::-webkit-scrollbar{width:6px}.control-panel-sections::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sheet-handle{display:none}@media (max-width:720px){.control-panel.mobile{width:100%;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(28px)saturate(160%);background:#0c0c0ead;border-bottom:none;border-radius:16px 16px 0 0;inset:auto 0 0;box-shadow:0 -10px 32px #00000080}.control-panel.mobile .sheet-handle{all:unset;color:#fff;cursor:pointer;box-sizing:border-box;flex-direction:column;align-items:center;gap:6px;padding:10px 0;font-size:12px;font-weight:700;display:flex}.sheet-handle-bar{background:#ffffff4d;border-radius:2px;width:40px;height:4px}.control-panel.mobile .control-panel-sections{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;opacity:1;box-sizing:border-box;flex-direction:row;align-items:flex-start;gap:10px;height:auto;max-height:45vh;padding:10px 14px;scroll-padding-left:14px;overflow:auto hidden}.control-panel.mobile .control-panel-sections::-webkit-scrollbar{display:none}.control-panel.mobile .control-panel-sections.collapsed{opacity:0;max-height:0;padding:0;overflow:hidden}.control-panel.mobile .prop-section{box-sizing:border-box;scroll-snap-align:start;scrollbar-width:none;background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px;flex:0 0 calc(100% - 50px);min-width:0;overflow-y:auto}.control-panel.mobile .prop-section::-webkit-scrollbar{display:none}.control-panel.mobile .studio-card{box-sizing:border-box;scroll-snap-align:start;scrollbar-width:none;background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px;flex:0 0 calc(100% - 50px);min-width:0;margin:0;padding:12px 14px;overflow-y:auto}.control-panel.mobile .studio-card::-webkit-scrollbar{display:none}}.prop-section{border-bottom:1px solid #ffffff14;padding:4px 14px}.prop-section:last-child{border-bottom:none}.prop-section-header{justify-content:space-between;align-items:center;min-height:38px;display:flex}.prop-section-toggle{all:unset;cursor:pointer;align-items:center;gap:8px;display:flex}.prop-section-title{color:#f2f2f3;font-size:13px;font-weight:600}.prop-chevron{color:#ffffff73;font-size:11px;transition:transform .15s;display:inline-flex}.prop-chevron.open{transform:rotate(180deg)}.section-icon{color:#fff;background:#3b6fe0;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.prop-section-body{flex-direction:column;gap:2px;padding:2px 0 12px;display:flex}.prop-section-body-disabled{opacity:.4;pointer-events:none}.coming-soon-badge{color:#b8b8be;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;flex:none;padding:3px 9px;font-size:9.5px;font-weight:700}.prop-subhead{letter-spacing:.06em;text-transform:uppercase;color:#6c6c72;margin:10px 0 2px;font-size:10.5px}.icon-btn{all:unset;color:#9a9aa0;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.icon-btn:hover{color:#fff;background:#ffffff14}.studio-card{background:#17171a;border:1px solid #ffffff14;border-radius:10px;margin:12px 14px;padding:12px 14px}.studio-card.disabled .radio-option,.studio-card.disabled .studio-card-button{opacity:.4;pointer-events:none}.studio-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.studio-card-title{color:#f2f2f3;font-size:13px;font-weight:600}.studio-card-columns{gap:18px;margin-bottom:12px;display:flex}.studio-card-column{flex-direction:column;flex:1;gap:8px;display:flex}.studio-card-label{letter-spacing:.06em;text-transform:uppercase;color:#6c6c72;margin-bottom:2px;font-size:10.5px}.radio-option{all:unset;box-sizing:border-box;color:#97979d;cursor:pointer;align-items:center;gap:8px;padding:2px 0;font-size:12.5px;display:flex}.radio-dot{box-sizing:border-box;background:0 0;border:1.5px solid #5a5a60;border-radius:50%;flex:none;width:14px;height:14px}.radio-option.selected{color:#fff}.radio-option.selected .radio-dot{background:#3ecf4a;border-color:#3ecf4a;box-shadow:0 0 0 2px #3ecf4a33}.studio-card-button{all:unset;box-sizing:border-box;color:#fff;cursor:pointer;text-align:center;background:#232326;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:700;display:flex}.studio-card-button:hover{background:#2b2b2f}.switch{all:unset;box-sizing:border-box;cursor:pointer;background:#3a3a3e;border-radius:12px;flex:none;align-items:center;width:40px;height:24px;padding:2px;transition:background .15s;display:inline-flex}.switch.on{background:#34c759}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s}.switch.on .switch-knob{transform:translate(16px)}.prop-row{justify-content:space-between;align-items:center;gap:10px;min-height:30px;display:flex}.prop-label{color:#97979d;white-space:nowrap;flex:none;font-size:12.5px}.prop-control{flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.color-field{cursor:pointer;align-items:center;gap:8px;display:inline-flex;position:relative}.color-swatch{border:1px solid #ffffff2e;border-radius:5px;flex:none;width:22px;height:22px}.color-field input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-hex{color:#9a9aa0;letter-spacing:.01em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px}.segmented{background:#1a1a1d;border-radius:8px;gap:2px;padding:2px;display:flex}.segmented-btn{all:unset;box-sizing:border-box;text-align:center;color:#8b8b90;cursor:pointer;white-space:nowrap;border-radius:6px;flex:1;padding:6px 10px;font-size:12px;font-weight:600}.segmented-btn.active{color:#fff;background:#38383c}.preset-row{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.preset-swatch{cursor:pointer;border:1px solid #ffffff26;border-radius:5px;width:20px;height:20px;padding:0;transition:box-shadow .15s,transform .15s}.preset-swatch:hover{transform:translateY(-1px)}.preset-swatch.active{box-shadow:0 0 0 2px #101012,0 0 0 3.5px #fff}.slider-track-row{align-items:center;gap:8px;width:100%;display:flex}.slider-track-row input[type=range]{accent-color:#c9c9ce;flex:1;min-width:0}.value-chip{text-align:center;color:#d3d3d7;background:#1a1a1d;border-radius:5px;flex:none;min-width:38px;padding:3px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.upload-row{gap:6px;display:flex}.ghost-btn{color:#d8d8dc;cursor:pointer;white-space:nowrap;background:#1a1a1d;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.ghost-btn:hover{background:#232326}.ghost-btn.danger{border:none}.ghost-btn.danger:hover{color:#ff9d9d;background:#ff5a5a26}.prop-checkbox{accent-color:#c9c9ce;cursor:pointer;width:16px;height:16px}.part-row{border-top:1px solid #ffffff0f}.part-row:first-child{border-top:none}.part-row-header{justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.part-row-toggle{all:unset;box-sizing:border-box;color:#e4e4e6;cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;padding:2px 0;font-size:12.5px;font-weight:600;display:flex}.part-row-body{border-left:1px solid #ffffff0f;flex-direction:column;gap:2px;margin-left:5px;padding:2px 0 12px 18px;display:flex}.lcd-preview{border:1px solid #ffffff26;border-radius:8px;width:100%;margin-top:10px}