.wS1-Va_header{-webkit-user-select:none;user-select:none;z-index:10;background:#0c101c;border-bottom:1px solid #1c2338;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.wS1-Va_left{align-items:center;gap:12px;display:flex}.wS1-Va_brand{align-items:center;gap:8px;display:flex}.wS1-Va_brandIcon{color:#8b5cf6;text-shadow:0 0 12px #8b5cf6;font-size:22px;line-height:1}.wS1-Va_brandTitle{letter-spacing:1.5px;color:#f8fafc;font-size:15px;font-weight:800}.wS1-Va_selectorWrapper{align-items:center;display:flex;position:relative}.wS1-Va_simSelect{appearance:none;color:#c4b5fd;letter-spacing:.5px;cursor:pointer;background:#13182b;border:1px solid #2e385a;border-radius:20px;outline:none;padding:6px 30px 6px 12px;font-size:12px;font-weight:600;transition:all .15s}.wS1-Va_simSelect:hover{color:#fff;background:#1c243f;border-color:#8b5cf6}.wS1-Va_simSelect option{color:#f8fafc;background:#0c101c}.wS1-Va_selectChevron{pointer-events:none;color:#a78bfa;position:absolute;right:10px}.wS1-Va_centerActions{align-items:center;gap:8px;display:flex}.wS1-Va_actionBtn{color:#94a3b8;cursor:pointer;background:#13182b;border:1px solid #1c2338;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wS1-Va_actionBtn:hover{color:#f8fafc;background:#1c243f;border-color:#2e385a}.wS1-Va_actionBtn.wS1-Va_activeBtn{color:#a5b4fc;background:#6366f12e;border-color:#6366f166}.wS1-Va_right{align-items:center;gap:14px;display:flex}.wS1-Va_audioControls{background:#00000040;border:1px solid #1c2338;border-radius:20px;align-items:center;gap:8px;padding:4px 10px;display:flex}.wS1-Va_iconBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.wS1-Va_iconBtn:hover{color:#f8fafc}.wS1-Va_iconBtn.wS1-Va_soundActive{color:#8b5cf6}.wS1-Va_volumeSlider{accent-color:#8b5cf6;cursor:pointer;background:#13182b;width:60px;height:4px}.wS1-Va_statusIndicator{background:#0000004d;border:1px solid #1c2338;border-radius:20px;align-items:center;gap:8px;padding:4px 10px;display:flex}.wS1-Va_statusDot{background:#64748b;border-radius:50%;width:7px;height:7px}.wS1-Va_statusDot.wS1-Va_pulse{background:#10b981;box-shadow:0 0 8px #10b981}.wS1-Va_statusText{letter-spacing:1px;color:#94a3b8;font-size:11px;font-weight:700}.wS1-Va_sidebarToggleBtn{color:#c4b5fd;cursor:pointer;-webkit-user-select:none;user-select:none;background:#8b5cf626;border:1px solid #8b5cf666;border-radius:16px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.wS1-Va_sidebarToggleBtn:hover{color:#fff;background:#8b5cf640;border-color:#8b5cf6}.wS1-Va_sidebarToggleBtn.wS1-Va_sidebarToggleActive{color:#fff;background:#8b5cf6;box-shadow:0 0 10px #8b5cf666}.wS1-Va_toggleText{font-size:11px}@media (max-width:900px){.wS1-Va_header{gap:8px;padding:0 12px}.wS1-Va_brandTitle{display:none}.wS1-Va_simSelect{max-width:140px;padding:5px 24px 5px 8px;font-size:11px}.wS1-Va_centerActions,.wS1-Va_volumeSlider,.wS1-Va_statusText{display:none}}@media (min-width:901px){.wS1-Va_sidebarToggleBtn{display:none}}
.ydT3aG_sidebar{background:#0c101c;border-right:1px solid #1c2338;flex-shrink:0;width:340px;min-width:340px;max-width:360px;height:calc(100vh - 56px);padding:16px;overflow-y:auto}.ydT3aG_sidebar::-webkit-scrollbar{width:6px;height:6px}.ydT3aG_sidebar::-webkit-scrollbar-track{background:0 0}.ydT3aG_sidebar::-webkit-scrollbar-thumb{background:#2e385a;border-radius:3px}.ydT3aG_sidebar::-webkit-scrollbar-thumb:hover{background:#3f4d7c}.ydT3aG_sidebar{flex-direction:column;gap:20px;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex}.ydT3aG_mobileBackdrop,.ydT3aG_mobileDrawerHeader,.ydT3aG_mobileDrawerTitle,.ydT3aG_mobileCloseBtn{display:none}@media (max-width:900px){.ydT3aG_sidebar{width:min(88vw,360px);height:100vh;min-width:unset;z-index:1000;pointer-events:none;max-width:88vw;padding:14px 14px 50px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 40px #000000bf}.ydT3aG_sidebar.ydT3aG_sidebarOpen{pointer-events:auto;transform:translate(0)}.ydT3aG_mobileBackdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000000a6;animation:.2s ydT3aG_fadeIn;display:block;position:fixed;inset:0}.ydT3aG_mobileDrawerHeader{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b14f2;border-bottom:1px solid #1c2338;justify-content:space-between;align-items:center;margin:-14px -14px 12px;padding:12px 14px;display:flex;position:sticky;top:-14px}.ydT3aG_mobileDrawerTitle{color:#c4b5fd;letter-spacing:.5px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.ydT3aG_mobileCloseBtn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #1c2338;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.ydT3aG_mobileCloseBtn:hover{color:#fff;background:#ef444433;border-color:#ef4444}}@keyframes ydT3aG_fadeIn{0%{opacity:0}to{opacity:1}}.ydT3aG_section{flex-direction:column;gap:10px;display:flex}.ydT3aG_sectionHeader{color:#64748b;letter-spacing:1px;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.ydT3aG_modeList{flex-direction:column;gap:6px;display:flex}.ydT3aG_modeButton{color:#94a3b8;cursor:pointer;text-align:left;background:#07090e;border:1px solid #1c2338;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.ydT3aG_modeButton:hover:not(:disabled){color:#f8fafc;background:#13182b;border-color:#2e385a}.ydT3aG_modeButton.ydT3aG_activeMode{color:#c4b5fd;background:#8b5cf626;border-color:#8b5cf680;font-weight:600}.ydT3aG_modeButton:disabled{opacity:.5;cursor:not-allowed}.ydT3aG_comingSoon{color:#64748b;background:#ffffff0f;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:9px;font-weight:700}.ydT3aG_paletteGrid{grid-template-columns:1fr;gap:6px;display:grid}.ydT3aG_paletteCard{cursor:pointer;background:#07090e;border:1px solid #1c2338;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;transition:all .15s;display:flex}.ydT3aG_paletteCard:hover{background:#13182b;border-color:#2e385a}.ydT3aG_paletteSwatches{gap:4px;display:flex}.ydT3aG_paletteSwatches span{border-radius:50%;width:14px;height:14px;display:inline-block}.ydT3aG_paletteName{color:#94a3b8;font-size:12px}.ydT3aG_toggleRow{color:#94a3b8;background:#07090e;border:1px solid #1c2338;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.ydT3aG_toggleRow input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;width:16px;height:16px}.ydT3aG_bgGrid{grid-template-columns:1fr;gap:5px;display:grid}.ydT3aG_bgCard{color:#94a3b8;cursor:pointer;background:#07090e;border:1px solid #1c2338;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:all .15s;display:flex}.ydT3aG_bgCard:hover{color:#f8fafc;border-color:#2e385a}.ydT3aG_bgCard.ydT3aG_activeBg{color:#c4b5fd;background:#6366f11f;border-color:#6366f180}.ydT3aG_bgDot{border:1px solid #fff3;border-radius:50%;width:12px;height:12px}.ydT3aG_infoBox{background:#8b5cf614;border:1px solid #8b5cf633;border-radius:6px;margin-top:auto;padding:12px}.ydT3aG_infoTitle{color:#8b5cf6;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.ydT3aG_infoText{color:#64748b;margin:0;font-size:11px;line-height:1.5}
.mwmKVq_canvasContainer{flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:520px;display:flex;position:relative}.mwmKVq_viewport{background:#0c101c;border:1px solid #1c2338;border-radius:14px;justify-content:center;align-items:center;max-width:100%;max-height:80vh;padding:12px;display:flex;box-shadow:0 10px 25px #0009}.mwmKVq_canvas{object-fit:contain;border-radius:10px;max-width:100%;max-height:74vh;display:block;box-shadow:0 0 30px #000000b3}@media (max-width:900px){.mwmKVq_canvasContainer{min-height:260px}.mwmKVq_viewport{max-height:70vh;padding:6px}.mwmKVq_canvas{max-height:66vh}}
.XdBIsG_controlsBar{background:#0c101c;border:1px solid #1c2338;border-radius:10px;justify-content:space-between;align-items:center;width:100%;max-width:640px;margin-top:14px;padding:8px 16px;display:flex;box-shadow:0 2px 4px #0006}.XdBIsG_playback{align-items:center;gap:8px;display:flex}.XdBIsG_iconButton{color:#94a3b8;cursor:pointer;background:#13182b;border:1px solid #1c2338;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.XdBIsG_iconButton:hover{color:#f8fafc;background:#1c243f;border-color:#2e385a}.XdBIsG_iconButton.XdBIsG_playing{color:#a5b4fc;background:#6366f133;border-color:#6366f166}.XdBIsG_aspectSelector{background:#07090e;border:1px solid #1c2338;border-radius:6px;align-items:center;padding:3px;display:flex}.XdBIsG_aspectBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.XdBIsG_aspectBtn:hover{color:#94a3b8}.XdBIsG_aspectBtn.XdBIsG_active{color:#f8fafc;background:#13182b;box-shadow:0 1px 3px #0006}.XdBIsG_stats{align-items:center;gap:14px;display:flex}.XdBIsG_statItem{align-items:center;gap:6px;font-size:12px;display:flex}.XdBIsG_statLabel{color:#64748b}.XdBIsG_statValue{color:#f8fafc;font-family:monospace;font-weight:600}.XdBIsG_recordSection{align-items:center;display:flex}.XdBIsG_recordBtn{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444459;border-radius:6px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.XdBIsG_recordBtn:hover{color:#fff;background:#ef444438;border-color:#ef4444}.XdBIsG_recordBtn.XdBIsG_recordingActive{color:#fff;background:#ef444447;border-color:#ef4444;box-shadow:0 0 10px #ef444466}.XdBIsG_recordingDot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite alternate XdBIsG_pulse}.XdBIsG_stopText{color:#fca5a5;margin-left:2px;font-size:10px;font-weight:500}@keyframes XdBIsG_pulse{0%{opacity:.3;transform:scale(.85)}to{opacity:1;transform:scale(1.2)}}@media (max-width:900px){.XdBIsG_controlsBar{gap:6px;margin-top:8px;padding:6px 8px}.XdBIsG_iconButton{width:32px;height:32px}.XdBIsG_aspectBtn{padding:3px 6px;font-size:10px}.XdBIsG_recordBtn{padding:5px 8px;font-size:10px}.XdBIsG_stopText{display:none}}
.rcUngW_appContainer{background:#07090e;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.rcUngW_mainLayout{flex:1;height:calc(100vh - 56px);display:flex;overflow:hidden}.rcUngW_centerStage{background:radial-gradient(circle,#0e1322 0%,#06080e 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px 24px;display:flex;position:relative;overflow:hidden}.rcUngW_mobileFloatingToggle{display:none}@media (max-width:900px){.rcUngW_mainLayout{flex-direction:column;height:calc(100vh - 56px);position:relative;overflow:hidden}.rcUngW_centerStage{width:100%;height:100%;padding:8px 10px}.rcUngW_mobileFloatingToggle{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e0e7ff;letter-spacing:.3px;cursor:pointer;background:#0f172ae0;border:1px solid #8b5cf673;border-radius:20px;align-items:center;gap:7px;padding:7px 13px;font-size:11px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 16px #00000080,0 0 12px #8b5cf640}.rcUngW_mobileFloatingToggle:hover,.rcUngW_mobileFloatingToggle:active{background:#8b5cf659;border-color:#8b5cf6;transform:scale(1.04)}}
.DN2r4G_propertiesPanel{background:#0c101c;border-left:1px solid #1c2338;width:320px;height:calc(100vh - 56px);padding:16px;overflow-y:auto}.DN2r4G_propertiesPanel::-webkit-scrollbar{width:6px;height:6px}.DN2r4G_propertiesPanel::-webkit-scrollbar-track{background:0 0}.DN2r4G_propertiesPanel::-webkit-scrollbar-thumb{background:#2e385a;border-radius:3px}.DN2r4G_propertiesPanel::-webkit-scrollbar-thumb:hover{background:#3f4d7c}.DN2r4G_propertiesPanel{flex-direction:column;gap:20px;display:flex}.DN2r4G_panelTitle{color:#64748b;letter-spacing:1px;border-bottom:1px solid #1c2338;align-items:center;gap:8px;padding-bottom:8px;font-size:11px;font-weight:700;display:flex}.DN2r4G_group{flex-direction:column;gap:12px;display:flex}.DN2r4G_groupHeader{color:#94a3b8;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.DN2r4G_control{flex-direction:column;gap:6px;display:flex}.DN2r4G_control input[type=range]{accent-color:#8b5cf6;cursor:pointer;background:#13182b;border-radius:2px;width:100%;height:4px}.DN2r4G_controlHeader{justify-content:space-between;align-items:center;font-size:12px;display:flex}.DN2r4G_controlHeader label{color:#94a3b8}.DN2r4G_valueDisplay{color:#c4b5fd;background:#07090e;border:1px solid #1c2338;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.DN2r4G_controlInline{color:#94a3b8;justify-content:space-between;align-items:center;font-size:12px;display:flex}.DN2r4G_controlInline input[type=color]{cursor:pointer;background:0 0;border:1px solid #1c2338;border-radius:4px;width:32px;height:26px;padding:0}@media (max-width:900px){.DN2r4G_propertiesPanel{display:none}}