._section_15e2c_2{border-bottom:1px solid #373737}._header_15e2c_6{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;background:transparent;border:none;cursor:pointer;color:#e1e1e1;transition:color .15s ease}._header_15e2c_6:hover{color:#fff}._title_15e2c_23{font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:500}._chevron_15e2c_29{display:flex;align-items:center;justify-content:center;color:#8f8f8f;transition:transform .2s ease}._chevron_15e2c_29._open_15e2c_37{transform:rotate(180deg)}._content_15e2c_41{padding:0 0 16px;display:flex;flex-direction:column;gap:12px}._header_f3v25_2{position:fixed;top:0;left:0;right:0;height:56px;background:rgba(20,20,25,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:16px;z-index:100;transition:transform .3s ease,opacity .3s ease}._header_f3v25_2._hidden_f3v25_18{transform:translateY(-100%);opacity:0;pointer-events:none}._leftSection_f3v25_25{display:flex;align-items:center;gap:4px}._presetGroup_f3v25_31{display:flex;align-items:center;gap:8px;height:24px;padding:4px 8px}._presetName_f3v25_39{font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:#e1e1e1;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis;text-align:left}._presetNav_f3v25_51{display:flex;align-items:center}._chevronButton_f3v25_56{background:transparent;border:none;color:#e1e1e1;width:13px;height:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}._chevronButton_f3v25_56:hover{color:#fff}._iconButton_f3v25_73{background:#373737;border:none;border-radius:0;height:24px;width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;color:#e1e1e1;pointer-events:auto;position:relative;z-index:10}._iconButton_f3v25_73:hover{background:#444444}._iconButtonDim_f3v25_94{background:#2c2c2c;border:none;border-radius:0;height:24px;width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;color:#737373}._iconButtonDim_f3v25_94:hover{background:#373737;color:#e1e1e1}._iconButtonDimActive_f3v25_113{background:#ff3864!important;color:#1e1e1e!important}._centerSection_f3v25_119{display:flex;align-items:center;gap:4px}._controlButton_f3v25_126{background:#373737;border:none;border-radius:0;height:24px;min-width:24px;padding:4px 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:#e1e1e1;white-space:nowrap}._controlButton_f3v25_126:hover{background:#444444}._controlButton_f3v25_126._active_f3v25_148{background:#ff3864;color:#1e1e1e}._controlButton_f3v25_126._disabled_f3v25_153,._controlButton_f3v25_126:disabled{opacity:.3;cursor:not-allowed}._controlSeparator_f3v25_160{width:1px;height:16px;background:rgba(255,255,255,.15);margin:0 8px}._inputControl_f3v25_168{background:#2c2c2c;border-radius:0;height:24px;padding:4px 8px;display:flex;align-items:center;justify-content:center}._numberInput_f3v25_178{background:transparent;border:none;color:#737373;font-family:Inter,sans-serif;font-size:12px;font-weight:400;text-align:center;width:50px;outline:none}._numberInput_f3v25_178:focus{color:#e1e1e1}._selectControl_f3v25_195{background:#373737;border-radius:0;height:24px;padding:4px 6px 4px 8px;display:flex;align-items:center;gap:4px;position:relative}._selectControl_f3v25_195:hover{background:#444444}._select_f3v25_195{background:transparent;border:none;color:#e1e1e1;font-family:Inter,sans-serif;font-size:12px;font-weight:400;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:16px;outline:none}._select_f3v25_195 option{background:#2c2c2c;color:#e1e1e1}._chevron_f3v25_56{color:#e1e1e1;pointer-events:none;position:absolute;right:6px}._rightSection_f3v25_236{display:flex;align-items:center;gap:4px}._volumeGroup_f3v25_242{display:flex;align-items:center;height:24px}._midiMeters_f3v25_249{display:flex;flex-direction:column;gap:3px;height:24px;align-items:flex-end;justify-content:flex-end}._midiMeter_f3v25_249{width:4px;height:10.5px;background:#373737}._midiMeterInActive_f3v25_264{background:#7ee07e}._midiMeterOutActive_f3v25_268{background:#7ebbe0}._meterContainer_f3v25_273{display:flex;align-items:center;gap:3px;height:24px}._meter_f3v25_273{width:4px;height:24px;background:#373737;overflow:hidden;position:relative}._meterClip_f3v25_288{position:absolute;top:3px;left:0;width:4px;height:1px;background:#737373}._meterFill_f3v25_297{position:absolute;bottom:0;left:0;right:0;background:#d9d9d9;transition:height .05s ease}._volumeLabel_f3v25_306{background:#373737;border-radius:0;height:24px;padding:4px 8px;font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:#e1e1e1;display:flex;align-items:center;justify-content:center;white-space:nowrap}._draggableVolume_f3v25_321{background:#373737;border-radius:0;height:24px;padding:4px 8px;min-width:64px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;-webkit-user-select:none;user-select:none;transition:background .15s ease}._draggableVolume_f3v25_321:hover{background:#444444}._draggableVolumeDragging_f3v25_339{background:#4a4a4a}._panicIcon_f3v25_343{border:1px solid rgba(255,255,255,.08);color:#ffb3b3}._panicIcon_f3v25_343:hover{color:#ffcfcf;background:#4a1f1f}._statusGroup_f3v25_353{display:flex;align-items:center;gap:4px}._cpuBox_f3v25_359{background:#2e2e2e;color:#dcdcdc;padding:4px 8px;font-family:Inter,sans-serif;font-size:12px;height:24px;display:flex;align-items:center;justify-content:center;min-width:52px;border:1px solid rgba(255,255,255,.08)}._dimText_f3v25_373{font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:#737373}._draggableControl_f3v25_381{background:#373737;border-radius:0;height:24px;padding:4px 8px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;-webkit-user-select:none;user-select:none;transition:background .15s ease}._draggableControl_f3v25_381:hover{background:#444444}._draggableControl_f3v25_381._dragging_f3v25_398{background:#4a4a4a;cursor:ns-resize}._draggableControl_f3v25_381._disabled_f3v25_153{opacity:.3;cursor:not-allowed}._draggableText_f3v25_408{font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:#e1e1e1;white-space:nowrap}._inlineInput_f3v25_416{background:transparent;border:none;outline:none;font-family:Inter,sans-serif;font-size:12px;font-weight:400;color:#fff;width:100%;min-width:0;box-sizing:border-box;text-align:center;padding:0}._inlineInput_f3v25_416:focus{outline:none}._logoButton_f3v25_436{background:transparent;border:none;padding:4px;cursor:pointer;color:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .15s ease;margin-right:8px}._logoButton_f3v25_436:hover{color:#ff4081;transform:scale(1.05)}._modalOverlay_f3v25_455{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._aboutModal_f3v25_469{background:rgba(30,30,35,.98);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;max-width:400px;text-align:center;position:relative;box-shadow:0 20px 60px #00000080}._modalClose_f3v25_480{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#ffffff80;font-size:18px;cursor:pointer;padding:4px 8px;transition:color .15s ease}._modalClose_f3v25_480:hover{color:#ffffffe6}._aboutLogo_f3v25_497{margin-bottom:20px}._aboutTitle_f3v25_501{font-family:Inter,sans-serif;font-size:24px;font-weight:600;color:#fff;margin:0 0 8px}._aboutVersion_f3v25_509{font-family:Inter,sans-serif;font-size:12px;color:#fff6;margin:0 0 20px}._aboutDescription_f3v25_516{font-family:Inter,sans-serif;font-size:14px;line-height:1.6;color:#ffffffb3;margin:0 0 24px}._aboutLegal_f3v25_524{text-align:left;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);margin:0 0 20px}._aboutLegalText_f3v25_533{font-family:Inter,sans-serif;font-size:12px;line-height:1.5;color:#ffffffa6;margin:0}._aboutLegalText_f3v25_533+._aboutLegalText_f3v25_533{margin-top:10px}._aboutCredits_f3v25_545{padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}._aboutCredits_f3v25_545 p{font-family:Inter,sans-serif;font-size:12px;color:#fff6;margin:0}._midiPanel_f3v25_558{position:fixed;top:6%;left:82%;transform:translate(-50%);width:360px;background:rgba(20,20,25,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 12px 36px #00000059;padding:16px;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:12px}._iconButtonDimActive_f3v25_113{background:#ff3864;color:#1e1e1e}._midiPanelHeader_f3v25_581{display:flex;justify-content:space-between;align-items:center;font-family:Inter,sans-serif;font-size:13px;color:#e1e1e1}._closeMidiPanel_f3v25_590{background:transparent;border:none;color:#888;cursor:pointer;font-size:14px;padding:4px}._closeMidiPanel_f3v25_590:hover{color:#fff}._midiPanelRow_f3v25_603{display:flex;align-items:center;gap:8px}._midiLabel_f3v25_609{min-width:84px;font-family:Inter,sans-serif;font-size:12px;color:#cfcfcf}._midiSelectWrapper_f3v25_616{flex:1}._midiSelect_f3v25_616{width:100%;background:#2c2c2c;border:1px solid rgba(255,255,255,.1);color:#e1e1e1;font-family:Inter,sans-serif;font-size:12px;padding:6px 10px;border-radius:6px;outline:none}._midiSelect_f3v25_616:focus{border-color:#ff3864}._midiRescan_f3v25_636{background:#373737;border:1px solid rgba(255,255,255,.1);color:#e1e1e1;padding:6px 10px;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:12px}._midiRescan_f3v25_636:hover{background:#444}._toggleLabel_f3v25_651{display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:12px;color:#dcdcdc}._presetGroup_f3v25_31{position:relative}._presetMenu_f3v25_665{position:absolute;top:100%;left:0;margin-top:8px;background:rgba(30,30,35,.98);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 0;min-width:200px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 8px 32px #0006}._presetMenuItem_f3v25_681{display:block;width:100%;padding:10px 16px;background:transparent;border:none;text-align:left;font-family:Inter,sans-serif;font-size:13px;color:#ffffffb3;cursor:pointer;transition:background .15s ease,color .15s ease}._presetMenuItem_f3v25_681:hover{background:rgba(255,255,255,.05);color:#fff}._presetMenuItem_f3v25_681._active_f3v25_148{background:rgba(255,56,100,.15);color:#ff3864}._saveDialog_f3v25_706{background:rgba(30,30,35,.98);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;min-width:320px;position:relative;box-shadow:0 20px 60px #00000080}._saveDialogTitle_f3v25_716{font-family:Inter,sans-serif;font-size:18px;font-weight:600;color:#fff;margin:0 0 20px}._saveDialogInput_f3v25_724{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:Inter,sans-serif;font-size:14px;color:#fff;outline:none;transition:border-color .15s ease;box-sizing:border-box}._saveDialogInput_f3v25_724:focus{border-color:#ff3864}._saveDialogInput_f3v25_724::placeholder{color:#ffffff4d}._saveDialogButtons_f3v25_746{display:flex;gap:12px;margin-top:20px;justify-content:flex-end}._saveDialogCancel_f3v25_753{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-family:Inter,sans-serif;font-size:14px;color:#ffffffb3;cursor:pointer;transition:all .15s ease}._saveDialogCancel_f3v25_753:hover{background:rgba(255,255,255,.05);color:#fff}._saveDialogSave_f3v25_770{padding:10px 20px;background:#ff3864;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}._saveDialogSave_f3v25_770:hover:not(:disabled){background:#ff4d75}._saveDialogSave_f3v25_770:disabled{opacity:.5;cursor:not-allowed}._keyboard_lx9gc_1{position:relative;width:100%;max-width:1080px;margin:0 auto;padding:16px}._sectionLabels_lx9gc_10{display:flex;margin:0 0 16px;gap:16px}._sectionLabel_lx9gc_10{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._sectionLabel_lx9gc_10:first-child{border-color:#fb477e4d;flex:7}._sectionLabel_lx9gc_10:nth-child(2){border-color:#4d92fb4d;flex:12}._sectionLabel_lx9gc_10:nth-child(3){border-color:#8c73ee4d;flex:9}._labelText_lx9gc_43{font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:1px}._labelValue_lx9gc_52{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#fffc}._labelHint_lx9gc_59{display:none}._pianoKeys_lx9gc_63{position:relative;width:100%;height:120px;margin:0 0 16px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._blackKeyRow_lx9gc_77{display:flex;height:40px;position:relative;background:rgba(22,22,22,.6);border-bottom:1px solid rgba(255,255,255,.04)}._whiteKeyRow_lx9gc_85{display:flex;height:80px;position:relative;background:rgba(24,24,24,.4)}._whiteKey_lx9gc_85{position:relative;width:40px;height:80px;background:transparent;border-right:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .2s ease}._whiteKey_lx9gc_85:last-child{border-right:none;width:40px}._whiteKeyButton_lx9gc_108{position:absolute;width:28px;height:66px;left:6px;top:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;transition:all .2s ease}._whiteKey_lx9gc_85:hover ._whiteKeyButton_lx9gc_108{background:rgba(255,255,255,.12);border-color:#ffffff29}._blackKey_lx9gc_77{position:relative;cursor:pointer;transition:all .2s ease}._blackKeyWide_lx9gc_132{width:60px;height:40px;border-right:1px solid rgba(255,255,255,.04)}._blackKeyWide_lx9gc_132:last-child{border-right:none}._blackKeySquare_lx9gc_142{width:40px;height:40px;border-right:1px solid rgba(255,255,255,.04)}._blackKeySquare_lx9gc_142:last-child{border-right:none}._blackKeyButton_lx9gc_152{position:absolute;width:28px;height:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .2s ease}._blackKey_lx9gc_77:hover ._blackKeyButton_lx9gc_152{background:rgba(255,255,255,.1);border-color:#ffffff24}._blackKeyLeft_lx9gc_167 ._blackKeyButton_lx9gc_152{left:26px;top:6px}._blackKeyMediumLeft_lx9gc_172 ._blackKeyButton_lx9gc_152{left:6px;top:6px}._blackKeyMediumRight_lx9gc_177 ._blackKeyButton_lx9gc_152{left:26px;top:6px}._blackKeySquare_lx9gc_142 ._blackKeyButton_lx9gc_152{left:6px;top:6px}._blackKey_lx9gc_77:hover ._blackKeyButton_lx9gc_152{background:#405573}._keySection_lx9gc_192._active_lx9gc_192 ._whiteKeyButton_lx9gc_108,._keySection_lx9gc_192._active_lx9gc_192 ._blackKeyButton_lx9gc_152{background:rgba(251,71,126,.8);border-color:#fb477ee6;box-shadow:0 0 16px #fb477e66}._scaleSection_lx9gc_199._active_lx9gc_192 ._whiteKeyButton_lx9gc_108,._scaleSection_lx9gc_199._active_lx9gc_192 ._blackKeyButton_lx9gc_152{background:rgba(77,146,251,.8);border-color:#4d92fbe6;box-shadow:0 0 16px #4d92fb66}._octaveSection_lx9gc_206._active_lx9gc_192 ._whiteKeyButton_lx9gc_108,._octaveSection_lx9gc_206._active_lx9gc_192 ._blackKeyButton_lx9gc_152{background:rgba(140,115,238,.8);border-color:#8c73eee6;box-shadow:0 0 16px #8c73ee66}._octaveLabels_lx9gc_214{display:flex;justify-content:space-between;padding:0 236px 0 14px;gap:8px}._octaveLabel_lx9gc_214{font-family:Roboto,sans-serif;font-size:10px;font-weight:400;color:#fff6;text-transform:uppercase;flex:0 0 auto}._footer_troev_2{position:fixed;bottom:0;left:0;right:0;height:56px;background:rgba(20,20,25,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100;transition:transform .3s ease,opacity .3s ease}._footer_troev_2._hidden_troev_18{transform:translateY(100%);opacity:0;pointer-events:none}._leftSection_troev_24{display:flex;align-items:center;gap:8px;flex:1}._centerSection_troev_31{display:flex;align-items:center;justify-content:center;flex:0 0 auto}._rightSection_troev_38{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}._fullscreenButton_troev_46{background:transparent;border:none;color:#737373;width:48px;height:48px;min-width:48px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease;flex-shrink:0;margin-right:-.75rem}._fullscreenButton_troev_46:hover{color:#e1e1e1}._fullscreenButton_troev_46._active_troev_67{color:#ff3864}._zoomControls_troev_72{display:flex;align-items:center;gap:4px;padding-left:1rem;padding-right:1rem}._zoomButton_troev_80{background:transparent;border:none;border-radius:0;width:24px;height:24px;display:grid;align-items:center;align-content:center;justify-content:center;justify-items:center;cursor:pointer;color:#e1e1e1;transition:color .15s ease}._zoomButton_troev_80 svg{fill:currentColor}._zoomButton_troev_80:hover:not(:disabled){color:#e1e1e1}._zoomButton_troev_80:disabled{opacity:.3;cursor:not-allowed}._zoomSliderContainer_troev_109{position:relative;width:128px;height:12px;display:flex;align-items:center}._zoomSliderTrack_troev_117{position:absolute;top:50%;left:0;right:0;height:8px;transform:translateY(-50%);background:rgba(230,242,228,.08);border-radius:8px;overflow:hidden}._zoomSliderFill_troev_129{position:absolute;top:0;left:0;height:100%;background:#8f8f8f;border-radius:8px 0 0 8px}._zoomSliderHandle_troev_138{position:absolute;top:50%;width:8px;height:8px;background:#e1e1e1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}._zoomSliderInput_troev_149{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}._zoomValue_troev_160{font-family:Inter,sans-serif;font-size:14px;color:#8f8f8fb8;min-width:44px;text-align:right;padding:0 4px}._resetButton_troev_169{background:transparent;border:none;border-radius:0;width:24px;height:24px;display:grid;align-items:center;align-content:center;justify-content:center;cursor:pointer;color:#8f8f8f;transition:color .15s ease}._resetButton_troev_169:hover{color:#e1e1e1}._keyboardContainer_troev_189{position:fixed;bottom:56px;left:0;right:0;z-index:99;animation:_slideUp_troev_1 .3s ease}@keyframes _slideUp_troev_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}._keyboardToggle_troev_210{background:#2c2c2c;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#999;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .15s ease}._keyboardToggle_troev_210:hover{background:#373737;border-color:#fff3;color:#ddd}._keyboardToggle_troev_210._active_troev_67{background:rgba(255,64,129,.2);border-color:#ff408166;color:#ffb3d1}._keyboardToggle_troev_210 svg{flex-shrink:0}._rail_1w1qm_2{position:fixed;top:56px;left:0;bottom:56px;width:56px;background:rgba(20,20,25,.9);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;padding:12px 8px;align-items:center;gap:8px;z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s ease,opacity .3s ease}._topSection_1w1qm_21,._bottomSection_1w1qm_27{display:flex;flex-direction:column;gap:8px}._rail_1w1qm_2._hidden_1w1qm_33{transform:translate(-100%);opacity:0;pointer-events:none}._section_1w1qm_39{display:flex;flex-direction:column;align-items:center;gap:4px}._sectionLabel_1w1qm_46{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.5px;padding:0;margin-bottom:4px;text-align:center;width:100%}._iconButton_1w1qm_57{width:40px;height:40px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0;font-size:18px}._iconButton_1w1qm_57:hover{background:rgba(255,255,255,.1);color:#ffffffe6;border-color:#ffffff26}._iconButton_1w1qm_57._active_1w1qm_79{background:rgba(255,64,129,.15);border-color:#ff408166;color:#ff4081}._iconButton_1w1qm_57 svg{width:20px;height:20px}._lissajousIcon_1w1qm_90,._iconButton_1w1qm_57 svg._lissajousIcon_1w1qm_90{width:28px;height:28px}._orbCount_1w1qm_97{font-size:16px;font-weight:600;color:#fff9;text-align:center;padding:8px 0;cursor:ns-resize;-webkit-user-select:none;user-select:none;border-radius:6px;transition:background .15s ease,color .15s ease}._orbCount_1w1qm_97:hover{background:rgba(0,0,0,.25);color:#ffffffe6}._divider_1w1qm_114{height:1px;background:rgba(255,255,255,.08);margin:8px 0}._rail_1jto7_2{position:fixed;top:56px;right:0;bottom:56px;width:56px;background:rgba(20,20,25,.9);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:12px 8px;align-items:center;gap:8px;z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s ease,opacity .3s ease;overflow:visible}._rail_1jto7_2._hidden_1jto7_21{transform:translate(100%);opacity:0;pointer-events:none}._sectionLabel_1jto7_27{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.5px;padding:0 4px;margin-bottom:4px;text-align:center}._shapeList_1jto7_37{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;overflow-x:clip;padding-left:104px;margin-left:-104px;pointer-events:none}._shapeButton_1jto7_49{width:40px;height:40px;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0;position:relative;pointer-events:auto}._shapeButton_1jto7_49:hover{background:rgba(255,255,255,.1)}._shapeButton_1jto7_49._selected_1jto7_69{border-width:2px;box-shadow:0 0 12px #fff3}._shapeButton_1jto7_49._inactive_1jto7_74 ._shapeIcon_1jto7_74{opacity:.4}._shapeIcon_1jto7_74{width:24px;height:24px}._quickActions_1jto7_83{position:absolute;top:50%;left:-90px;transform:translateY(-50%);display:flex;flex-direction:row;gap:4px;padding:4px 8px;background:#181818;border-radius:4px;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:10}._shapeButton_1jto7_49:hover ._quickActions_1jto7_83,._quickActions_1jto7_83:hover{opacity:1;pointer-events:auto}._actionButton_1jto7_106{width:24px;height:24px;background:#1e1e1e;border:none;border-radius:4px;color:#ffffffb3;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .15s ease,color .15s ease}._actionButton_1jto7_106:hover{background:rgba(255,255,255,.1);color:#fff}._actionButton_1jto7_106._inactive_1jto7_74{opacity:.5}._shapeIcon_1jto7_74._line_1jto7_131{width:2px;height:20px;background:currentColor;border-radius:1px}._shapeIcon_1jto7_74._triangle_1jto7_138{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:18px solid currentColor}._shapeIcon_1jto7_74._square_1jto7_146{width:18px;height:18px;border:2px solid currentColor;border-radius:2px}._shapeIcon_1jto7_74._circle_1jto7_155{width:18px;height:18px;border:2px solid currentColor;border-radius:50%}._addButton_1jto7_163{width:40px;height:40px;background:rgba(255,255,255,.04);pointer-events:auto;border:1px dashed rgba(255,255,255,.2);border-radius:8px;color:#fff6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0;font-size:20px;flex-shrink:0}._addButton_1jto7_163:hover{background:rgba(255,255,255,.08);border-color:#ffffff4d;color:#ffffffb3}._mixerButton_1jto7_187{width:40px;height:40px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0;flex-shrink:0}._mixerButton_1jto7_187:hover{background:rgba(255,255,255,.08);border-color:#ffffff4d}._sliderContainer_1jodf_2{display:flex;flex-direction:column;gap:0;width:100%;height:41px}._track_1jodf_11{position:relative;height:16px;display:flex;align-items:center}._trackLine_1jodf_18{position:absolute;left:4px;right:4px;height:2px;background:#373737}._endCap_1jodf_27{position:absolute;width:8px;height:8px;border-radius:24px;background:#373737;top:50%;transform:translateY(-50%)}._endCap_1jodf_27._left_1jodf_37{left:0}._endCap_1jodf_27._right_1jodf_41{right:0}._handle_1jodf_46{position:absolute;width:16px;height:16px;border-radius:24px;background:#ff3864;top:50%;transform:translate(-50%,-50%);cursor:grab;transition:transform .1s ease}._handle_1jodf_46:hover{transform:translate(-50%,-50%) scale(1.1)}._handle_1jodf_46:active{cursor:grabbing;transform:translate(-50%,-50%) scale(.95)}._labels_1jodf_68{display:flex;justify-content:space-between;align-items:flex-end;padding-top:9.5px}._label_1jodf_68{font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:400;color:#8f8f8f;line-height:normal}._valueLabel_1jodf_83{font-family:Roboto Condensed,sans-serif;font-size:12px;font-weight:500;color:#8f8f8f;text-align:right;line-height:normal}._sliderContainer_1lxqv_2{display:flex;flex-direction:column;gap:0;width:100%;height:41px}._track_1lxqv_11{position:relative;height:16px;display:flex;align-items:center;cursor:pointer}._trackLine_1lxqv_19{position:absolute;left:4px;right:4px;height:2px;background:#373737}._endCap_1lxqv_28{position:absolute;width:8px;height:8px;border-radius:24px;background:#373737;top:50%;transform:translateY(-50%)}._endCap_1lxqv_28._left_1lxqv_38{left:0}._endCap_1lxqv_28._right_1lxqv_42{right:0}._rangeFill_1lxqv_47{position:absolute;height:2px;background:rgba(255,56,100,.4);cursor:grab;top:50%;transform:translateY(-50%);z-index:1}._rangeFill_1lxqv_47:hover{background:rgba(255,56,100,.6)}._rangeFill_1lxqv_47._dragging_1lxqv_61{cursor:grabbing;background:rgba(255,56,100,.7)}._handle_1lxqv_67{position:absolute;width:16px;height:16px;border-radius:24px;background:#ff3864;top:50%;transform:translate(-50%,-50%);cursor:grab;transition:transform .1s ease;z-index:2}._handle_1lxqv_67:hover{transform:translate(-50%,-50%) scale(1.1)}._handle_1lxqv_67:active{cursor:grabbing;transform:translate(-50%,-50%) scale(.95)}._labels_1lxqv_90{display:flex;justify-content:space-between;align-items:flex-end;padding-top:9.5px}._label_1lxqv_90{font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:400;color:#8f8f8f;line-height:normal}._valueLabel_1lxqv_105{font-family:Roboto Condensed,sans-serif;font-size:12px;font-weight:500;color:#8f8f8f;text-align:right;line-height:normal}.preset-manager{background-color:#1e1e2a;border-radius:10px;padding:20px;max-width:800px;width:100%;max-height:80vh;overflow-y:auto}.preset-manager h2{margin-top:0;color:#eee;border-bottom:1px solid #444;padding-bottom:10px}.preset-actions{display:flex;gap:10px;margin-bottom:20px}.preset-button{background-color:#2a2a3a;color:#eee;border:none;border-radius:5px;padding:8px 15px;cursor:pointer;transition:background-color .2s}.preset-button:hover{background-color:#3a3a4a}.save-form{background-color:#2a2a3a;padding:15px;border-radius:8px;margin-bottom:20px}.save-form input,.save-form textarea{width:100%;padding:8px;margin-bottom:10px;background-color:#1a1a25;border:1px solid #444;border-radius:4px;color:#eee}.save-form textarea{min-height:80px;resize:vertical}.save-actions{display:flex;gap:10px;justify-content:flex-end}.save-actions button{background-color:#3a3a4a;color:#eee;border:none;border-radius:4px;padding:5px 12px;cursor:pointer}.save-actions button:first-child{background-color:#4a6baf}.preset-list{display:flex;flex-direction:column;gap:10px}.preset-item{background-color:#2a2a3a;border-radius:8px;padding:12px}.preset-header{display:flex;justify-content:space-between;align-items:center}.preset-header h3{margin:0;color:#eee}.preset-description{color:#aaa;font-size:.9em;margin-top:5px;margin-bottom:0}.close-button{margin-top:20px;width:100%;padding:10px;background-color:#2a2a3a;color:#eee;border:none;border-radius:5px;cursor:pointer}.close-button:hover{background-color:#3a3a4a}._panel_ixtg2_1{padding:16px}._header_ixtg2_5{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}._title_ixtg2_12{font-size:14px;font-weight:600;color:#ffffffe6;margin:0}._section_ixtg2_19{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}._sectionHeader_ixtg2_26{display:flex;align-items:center;gap:8px}._sectionLabel_ixtg2_32{font-size:11px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}._divider_ixtg2_40{height:1px;background:rgba(255,255,255,.08);margin:16px 0}._controlGroup_ixtg2_46{display:flex;flex-direction:column;gap:6px}._label_ixtg2_52{font-family:Roboto Condensed,sans-serif;font-size:12px;color:#fff9}._select_ixtg2_58{padding:8px 12px;background:rgba(30,30,30,.8);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fffc;font-family:Roboto Condensed,sans-serif;font-size:13px;cursor:pointer;outline:none}._select_ixtg2_58:hover{border-color:#fff3}._select_ixtg2_58 option{background:#1e1e1e;color:#fffc}._inlineRow_ixtg2_79{display:flex;align-items:center;gap:8px}._numberInput_ixtg2_85{width:60px;padding:6px 8px;background:rgba(30,30,30,.8);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fffc;font-family:Roboto Condensed,sans-serif;font-size:13px;text-align:center;outline:none}._numberInput_ixtg2_85:focus{border-color:#ffffff4d}._switchRow_ixtg2_102{display:flex;align-items:center;justify-content:space-between;padding:4px 0}._switchLabel_ixtg2_109{font-family:Roboto Condensed,sans-serif;font-size:12px;color:#fff9}._radioGroup_ixtg2_115{display:flex;gap:8px}._radioButton_ixtg2_120{flex:1;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;font-family:Roboto Condensed,sans-serif;font-size:13px;cursor:pointer;transition:all .15s ease;text-align:center}._radioButton_ixtg2_120:hover{background:rgba(255,255,255,.1);color:#ffffffe6}._radioButton_ixtg2_120._active_ixtg2_139{background:rgba(255,56,100,.15);border-color:#ff386466;color:#ff3864}._collapsibleHeader_ixtg2_145{display:flex;align-items:center;justify-content:space-between;padding:8px 0;cursor:pointer;-webkit-user-select:none;user-select:none}._collapsibleHeader_ixtg2_145:hover ._sectionLabel_ixtg2_32{color:#ffffffb3}._chevron_ixtg2_158{color:#fff6;transition:transform .2s ease}._chevron_ixtg2_158._expanded_ixtg2_163{transform:rotate(180deg)}._collapsibleContent_ixtg2_167{display:flex;flex-direction:column;gap:12px;padding-left:8px;border-left:2px solid rgba(255,255,255,.08);margin-left:4px}._toggleSwitch_ixtg2_176{display:flex;background:rgba(255,255,255,.05);border-radius:6px;padding:2px;gap:2px}._toggleButton_ixtg2_184{flex:1;padding:6px 12px;background:transparent;border:none;border-radius:4px;color:#ffffff80;font-family:Roboto Condensed,sans-serif;font-size:12px;cursor:pointer;transition:all .15s ease}._toggleButton_ixtg2_184:hover{color:#fffc}._toggleButton_ixtg2_184._active_ixtg2_139{background:rgba(255,255,255,.1);color:#ffffffe6}._hintText_ixtg2_206{font-family:Roboto Condensed,sans-serif;font-size:10px;color:#ff3864cc;margin-left:8px;white-space:nowrap}._presetButton_ixtg2_214{padding:6px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff9;font-family:Roboto Condensed,sans-serif;font-size:12px;cursor:pointer;transition:all .15s ease}._presetButton_ixtg2_214:hover{background:rgba(255,255,255,.1);color:#ffffffe6}._presetModalOverlay_ixtg2_231{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}._presetModal_ixtg2_231{background:rgba(30,30,35,.98);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;max-width:400px;width:90%}._panel_114k1_1{padding:16px}._title_114k1_5{font-size:14px;font-weight:600;color:#ffffffe6;margin:0 0 16px}._section_114k1_12{display:flex;flex-direction:column;gap:12px}._sectionLabel_114k1_18{font-size:11px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}._divider_114k1_26{height:1px;background:rgba(255,255,255,.08);margin:16px 0}._modeToggle_114k1_33{display:flex;gap:8px}._modeButton_114k1_38{flex:1;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;font-family:Roboto Condensed,sans-serif;font-size:13px;cursor:pointer;transition:all .15s ease}._modeButton_114k1_38:hover{background:rgba(255,255,255,.1);color:#ffffffe6}._modeButton_114k1_38._active_114k1_56{background:rgba(255,64,129,.15);border-color:#ff408166;color:#ff4081}._controlGroup_114k1_63{display:flex;flex-direction:column;gap:6px}._label_114k1_69{font-family:Roboto Condensed,sans-serif;font-size:12px;color:#fff9}._sliderHeader_114k1_75{display:flex;justify-content:space-between;align-items:center}._value_114k1_81{font-family:Roboto Condensed,sans-serif;font-size:12px;color:#fff6}._select_114k1_88{padding:8px 12px;background:rgba(30,30,30,.8);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fffc;font-family:Roboto Condensed,sans-serif;font-size:13px;cursor:pointer;outline:none}._select_114k1_88:hover{border-color:#fff3}._select_114k1_88 option{background:#1e1e1e;color:#fffc}._slider_114k1_75{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}._slider_114k1_75::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#ff4081;border-radius:50%;cursor:pointer;transition:transform .1s ease}._slider_114k1_75::-webkit-slider-thumb:hover{transform:scale(1.1)}._slider_114k1_75::-moz-range-thumb{width:14px;height:14px;background:#ff4081;border:none;border-radius:50%;cursor:pointer}._colorInput_114k1_145{width:100%;height:32px;padding:2px;background:rgba(30,30,30,.8);border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;outline:none}._colorInput_114k1_145:hover{border-color:#fff3}._colorInput_114k1_145::-webkit-color-swatch-wrapper{padding:0}._colorInput_114k1_145::-webkit-color-swatch{border:none;border-radius:2px}._colorPickerContainer_114k1_169{position:relative}._colorInlineRow_114k1_173{display:flex;align-items:center;gap:8px}._colorSwatchButton_114k1_179{width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:transparent;cursor:pointer}._colorSwatchButton_114k1_179:hover{border-color:#fff6}._colorHexValue_114k1_192{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:11px;color:#ffffffb3;text-transform:uppercase}._alphaValue_114k1_199{font-family:Roboto Condensed,sans-serif;font-size:11px;color:#fff9}._colorPickerBackdrop_114k1_205{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}._colorPickerPopover_114k1_211{position:fixed;top:26%%;left:calc(100% + 8px);z-index:101;animation:_slideIn_114k1_223 .15s ease}._colorPickerPopover_114k1_211 .colorPicker{box-shadow:0 12px 32px #00000059}._slideIn_114k1_223{animation:_slideIn_114k1_223 .15s ease}._resetButton_114k1_228{margin-top:8px;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff9;font-family:Roboto Condensed,sans-serif;font-size:12px;cursor:pointer;transition:all .15s ease}._resetButton_114k1_228:hover{background:rgba(255,255,255,.1);color:#ffffffe6}._colorPicker_1xu57_2{display:flex;flex-direction:column;gap:8px;padding:12px;background:#2a2a2a;border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 4px 12px #0000004d;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._pickerMain_1xu57_17{display:flex;flex-direction:column;gap:8px}._svSquare_1xu57_24{position:relative;width:220px;height:220px;border-radius:4px;cursor:crosshair;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._svOverlay_1xu57_37{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,white 0%,transparent 100%),linear-gradient(to top,black 0%,transparent 100%);pointer-events:none}._svThumb_1xu57_45{position:absolute;width:12px;height:12px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #0000004d,0 2px 4px #0003}._sliders_1xu57_57{display:flex;gap:8px;width:100%}._hueSlider_1xu57_64{position:relative;flex:1;height:16px;border-radius:4px;cursor:pointer;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._alphaSlider_1xu57_78{position:relative;flex:1;height:16px;border-radius:4px;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:hidden}._alphaCheckerboard_1xu57_91{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.1) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}._alphaGradient_1xu57_103{position:absolute;top:0;right:0;bottom:0;left:0}._sliderThumb_1xu57_109{position:absolute;top:0;bottom:0;width:3px;background:white;transform:translate(-50%);pointer-events:none;box-shadow:0 0 0 1px #0000004d,0 1px 2px #0003}._bottomControls_1xu57_121{display:flex;align-items:center;gap:8px}._eyedropperBtn_1xu57_127{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:6px;color:#fff9;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}._eyedropperBtn_1xu57_127:hover{background:rgba(255,255,255,.08);border-color:#fff3;color:#ffffffe6}._hexInput_1xu57_147{display:flex;align-items:center;gap:6px;flex:1}._hexLabel_1xu57_154{font-size:10px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.3px}._hexInputWrapper_1xu57_162{flex:1;display:flex;align-items:center;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px 6px;transition:all .15s ease}._hexInputWrapper_1xu57_162:focus-within{border-color:#ffffff4d;background:rgba(0,0,0,.4)}._hexHash_1xu57_178{color:#fff6;font-size:11px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;margin-right:2px}._hexField_1xu57_185{flex:1;background:none;border:none;outline:none;color:#ffffffe6;font-size:11px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;text-transform:uppercase;padding:0;width:60px}._alphaDisplay_1xu57_199{display:flex;align-items:center;gap:2px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px 8px;min-width:48px}._alphaValue_1xu57_210{color:#ffffffe6;font-size:11px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;text-align:right;min-width:24px}._alphaLabel_1xu57_218{font-size:11px;color:#ffffff80;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}._switch_pkzce_2{position:relative;display:inline-block;cursor:pointer}._switch_pkzce_2._sizeM_pkzce_8{width:24px;height:12px}._switch_pkzce_2._sizeS_pkzce_13{width:16px;height:10px}._track_pkzce_19{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:80px;transition:border-color .15s ease}._switch_pkzce_2._off_pkzce_26 ._track_pkzce_19{border:1px solid #8f8f8f}._switch_pkzce_2._on_pkzce_30 ._track_pkzce_19{border:1px solid #ff3864}._handle_pkzce_35{position:absolute;top:20%;bottom:20%;border-radius:80px;transition:left .15s ease,right .15s ease,background-color .15s ease}._switch_pkzce_2._sizeM_pkzce_8 ._handle_pkzce_35{width:8px}._switch_pkzce_2._sizeS_pkzce_13 ._handle_pkzce_35{width:6px}._switch_pkzce_2._off_pkzce_26 ._handle_pkzce_35{left:12.5%;right:auto;background:#757575}._switch_pkzce_2._on_pkzce_30 ._handle_pkzce_35{left:auto;right:12.5%;background:#ff3864}._switch_pkzce_2:hover ._track_pkzce_19{border-color:#a0a0a0}._switch_pkzce_2._on_pkzce_30:hover ._track_pkzce_19{border-color:#ffaad4}._switch_pkzce_2:hover ._handle_pkzce_35{background:#8a8a8a}._switch_pkzce_2._on_pkzce_30:hover ._handle_pkzce_35{background:#ffaad4}._panel_1hz25_2{position:fixed;top:48px;left:56px;bottom:56px;width:280px;background:rgba(25,25,30,.95);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;z-index:85;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-100%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}._panel_1hz25_2._open_1hz25_20{transform:translate(0);opacity:1;pointer-events:auto}._panel_1hz25_2._hidden_1hz25_26{transform:translate(-100%);opacity:0;pointer-events:none}._header_1hz25_32{display:flex;align-items:center;justify-content:space-between;padding:16px 10px 16px 16px;border-bottom:1px solid rgba(255,255,255,.08)}._title_1hz25_40{font-size:14px;font-weight:600;color:#ffffffe6}._closeButton_1hz25_46{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}._closeButton_1hz25_46:hover{color:#ffffffe6}._content_1hz25_62{flex:1;overflow-y:scroll;overflow-x:hidden;padding:16px 10px 16px 16px}._content_1hz25_62::-webkit-scrollbar{width:6px}._content_1hz25_62::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}._panel_1hz25_2:hover ._content_1hz25_62::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)}._content_1hz25_62::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}._pathControls_1hz25_89{display:flex;flex-direction:column;gap:24px}._section_1hz25_95{display:flex;flex-direction:column;gap:12px}._sectionTitle_1hz25_101{font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:500;color:#e1e1e1;margin:0;padding-bottom:8px;border-bottom:1px solid #373737}._controlRow_1hz25_111{display:flex;align-items:center;justify-content:space-between;gap:12px}._controlLabel_1hz25_118{font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:400;color:#8f8f8f}._selectBox_1hz25_125{display:flex;align-items:center;padding:6px 10px;background:#1e1e1e;border-radius:4px;flex:1;max-width:140px}._selectInput_1hz25_135{background:transparent;border:none;color:#8f8f8f;font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:400;width:100%;outline:none;cursor:pointer}._selectInput_1hz25_135 option{background:#1e1e1e;color:#8f8f8f}._switchRow_1hz25_152{display:flex;align-items:center;justify-content:space-between;padding:4px 0}._container_9hqr0_2{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1e1e1e;border-radius:4px;cursor:ew-resize;-webkit-user-select:none;user-select:none;transition:background .15s ease;min-width:60px}._container_9hqr0_2:hover:not(._disabled_9hqr0_15){background:#2a2a2a}._container_9hqr0_2._dragging_9hqr0_19{background:#2a2a2a;cursor:ew-resize}._container_9hqr0_2._disabled_9hqr0_15{opacity:.3;cursor:not-allowed}._icon_9hqr0_29{display:flex;align-items:center;justify-content:center;color:#8f8f8f;flex-shrink:0}._value_9hqr0_37{font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:400;color:#8f8f8f;white-space:nowrap}._input_9hqr0_45{background:transparent;border:none;outline:none;color:#e1e1e1;font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:400;width:100%;min-width:40px;padding:0}._input_9hqr0_45::-webkit-outer-spin-button,._input_9hqr0_45::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._input_9hqr0_45[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._panel_1m39h_2{position:fixed;top:48px;right:56px;bottom:56px;width:360px;background:rgba(25,25,30,.95);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;z-index:85;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(100%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}._content_1m39h_20::-webkit-scrollbar{width:6px}._content_1m39h_20::-webkit-scrollbar-track{background:transparent}._content_1m39h_20::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .2s ease}._panel_1m39h_2:hover ._content_1m39h_20::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)}._content_1m39h_20::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}._panel_1m39h_2._open_1m39h_42{transform:translate(0);opacity:1;pointer-events:auto}._panel_1m39h_2._hidden_1m39h_48{transform:translate(100%);opacity:0;pointer-events:none}._header_1m39h_54{display:flex;align-items:center;justify-content:space-between;padding:16px 10px 16px 16px;border-bottom:1px solid rgba(255,255,255,.08)}._title_1m39h_62{font-size:14px;font-weight:600;color:#ffffffe6;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .15s ease}._title_1m39h_62:hover{background-color:#ffffff1a}._nameInput_1m39h_76{font-size:14px;font-weight:600;color:#ffffffe6;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:2px 6px;outline:none;width:120px}._headerButtons_1m39h_88{display:flex;align-items:center;gap:4px}._headerButton_1m39h_88{background:none;border:none;color:#ffffff80;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;border-radius:4px}._headerButton_1m39h_88:hover{color:#ffffffe6;background:rgba(255,255,255,.05)}._headerButton_1m39h_88:disabled{opacity:.3;cursor:not-allowed}._headerButton_1m39h_88._inactive_1m39h_117{opacity:.4}._closeButton_1m39h_121{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}._closeButton_1m39h_121:hover{color:#ffffffe6}._content_1m39h_20{flex:1;overflow-y:scroll;overflow-x:hidden;padding:16px 10px 16px 16px}._appearanceSection_1m39h_146,._positionSection_1m39h_151{margin-bottom:16px}._positionHeader_1m39h_155{margin-bottom:12px}._sectionLabel_1m39h_159{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80}._quickPositionButtons_1m39h_167{display:flex;gap:6px;margin-bottom:12px}._snapButton_1m39h_173{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px;color:#fff9;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}._snapButton_1m39h_173:hover{background:rgba(255,255,255,.08);border-color:#fff3;color:#ffffffe6}._snapButton_1m39h_173:active{background:rgba(255,255,255,.12);transform:scale(.98)}._positionInputs_1m39h_198{display:flex;gap:8px}._positionInput_1m39h_198{flex:1;display:flex;flex-direction:column;gap:4px}._shapeMain_1m39h_211{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#1e1e1e;border-radius:4px;margin-bottom:16px}._shapeMain_1m39h_211 ._colorGroup_1m39h_221{margin-right:auto}._colorGroup_1m39h_221{display:flex;align-items:center;gap:6px;position:relative}._colorSwatch_1m39h_232{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:border-color .15s ease;background:none;padding:0}._colorSwatch_1m39h_232:hover{border-color:#fff6}._colorSwatch_1m39h_232::-webkit-color-swatch-wrapper{padding:0}._colorSwatch_1m39h_232::-webkit-color-swatch{border:none;border-radius:2px}._colorHex_1m39h_256{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:11px;color:#ffffffb3;text-transform:uppercase}._colorPickerBackdrop_1m39h_264{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}._colorPickerPopover_1m39h_270{position:fixed;top:5%;bottom:auto;right:calc(100% + 8px);z-index:101;animation:_slideIn_1m39h_1 .15s ease}@keyframes _slideIn_1m39h_1{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}._divider_1m39h_290{width:1px;height:40px;background:linear-gradient(180deg,transparent 0%,#373737 20%,#373737 80%,transparent 100%)}._volumePercent_1m39h_296{font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:400;color:#8f8f8f}._eyeButton_1m39h_303{background:transparent;border:none;color:#8f8f8f;width:16px;height:16px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}._eyeButton_1m39h_303:hover{color:#e1e1e1}._eyeButton_1m39h_303._inactive_1m39h_117{opacity:.4}._trashButton_1m39h_324{background:transparent;border:none;color:#8f8f8f;width:24px;height:24px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto}._trashButton_1m39h_324:hover{color:#ff6b6b}._controlRow_1m39h_343{display:flex;gap:16px;margin-bottom:16px}._controlItem_1m39h_349{display:flex;flex-direction:column;gap:4px}._controlLabel_1m39h_355,._controlLabelSmall_1m39h_362{font-family:Roboto Condensed,sans-serif;font-size:12px;font-weight:400;color:#8f8f8f}._inputBox_1m39h_369{display:flex;align-items:center;gap:8px;padding:8px;background:#1e1e1e;border-radius:4px}._cornerIcon_1m39h_378{display:flex;align-items:center;justify-content:center}._numberInput_1m39h_384{background:transparent;border:none;color:#8f8f8f;font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:400;width:32px;outline:none}._inputValue_1m39h_395{font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:400;color:#8f8f8f}._autoRotateRow_1m39h_402{display:flex;align-items:center;gap:4px;margin-top:20px}._soundSourceTabs_1m39h_410{display:flex;gap:16px;margin-bottom:24px}._sourceTab_1m39h_416{background:transparent;border:none;font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:400;color:#8f8f8f;opacity:.3;cursor:pointer;padding:0;transition:opacity .15s ease}._sourceTab_1m39h_416:hover{opacity:.6}._sourceTab_1m39h_416._active_1m39h_433{opacity:1}._synthControls_1m39h_438{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}._placeholder_1m39h_446{font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:400;color:#8f8f8f;opacity:.5;padding:16px 0}._bottomRow_1m39h_456{display:flex;gap:32px;margin-top:auto;padding-top:16px;border-top:1px solid #373737}._bottomItem_1m39h_464{display:flex;align-items:center;gap:4px}._bottomLabel_1m39h_470{font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:400;color:#8f8f8f}._sampleControls_1m39h_478{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}._selectBox_1m39h_485{display:flex;align-items:center;padding:8px;background:#1e1e1e;border-radius:4px;flex:1}._selectInput_1m39h_494{background:transparent;border:none;color:#8f8f8f;font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:400;width:100%;outline:none;cursor:pointer}._selectInput_1m39h_494 option{background:#1e1e1e;color:#8f8f8f}._midiControls_1m39h_512{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}._midiInfo_1m39h_519{display:flex;align-items:center;gap:12px;padding:16px;background:#1e1e1e;border-radius:4px}._midiIcon_1m39h_528{flex-shrink:0}._midiLabel_1m39h_532{font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:400;color:#8f8f8f}._midiStatus_1m39h_539{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(55,55,55,.5);border-radius:4px}._statusDot_1m39h_548{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:_pulse_1m39h_1 2s ease-in-out infinite}@keyframes _pulse_1m39h_1{0%,to{opacity:1}50%{opacity:.5}}._statusText_1m39h_561{font-family:Roboto Condensed,sans-serif;font-size:12px;font-weight:400;color:#737373}._statusDot_1m39h_548._connected_1m39h_568{background:#4ade80;animation:none}._midiTestButton_1m39h_573{width:100%;padding:8px 12px;background:#2a2a2a;border:1px solid #373737;border-radius:4px;color:#e1e1e1;font-family:Roboto Condensed,sans-serif;font-size:13px;cursor:pointer;transition:all .15s ease;margin-bottom:12px}._midiTestButton_1m39h_573:hover{background:#373737;border-color:#4a4a4a}._draggableValue_1m39h_593{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1e1e1e;border-radius:4px;cursor:ew-resize;-webkit-user-select:none;user-select:none;transition:background .15s ease;min-width:50px}._draggableValue_1m39h_593._vertical_1m39h_606{cursor:ns-resize}._draggableValue_1m39h_593:hover:not(._disabled_1m39h_610){background:#2a2a2a}._draggableValue_1m39h_593._dragging_1m39h_614{background:#2a2a2a}._draggableValue_1m39h_593._disabled_1m39h_610{opacity:.3;cursor:not-allowed}._draggableIcon_1m39h_623{display:flex;align-items:center;justify-content:center;flex-shrink:0}._draggableText_1m39h_630{font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:400;color:#8f8f8f;white-space:nowrap}._draggableInput_1m39h_638{background:transparent;border:none;outline:none;color:#e1e1e1;font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:400;width:100%;min-width:30px;max-width:50px;padding:0}._draggableInput_1m39h_638::-webkit-outer-spin-button,._draggableInput_1m39h_638::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._draggableInput_1m39h_638[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._autoRotateSection_1m39h_664{background:#1e1e1e;border-radius:4px;padding:12px;margin-bottom:16px}._autoRotateHeader_1m39h_671{display:flex;align-items:center;justify-content:space-between}._autoRotateControls_1m39h_677{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px;background:rgba(55,55,55,.5);border-radius:4px}._rotateDirectionBtn_1m39h_687{background:transparent;border:none;padding:6px;cursor:pointer;color:#8f8f8f;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}._rotateDirectionBtn_1m39h_687:hover{background:rgba(255,255,255,.1);color:#e1e1e1}._rotateDirectionBtn_1m39h_687._active_1m39h_433{color:#ff3864;background:rgba(255,56,100,.15)}._switchRow_1m39h_711{display:flex;align-items:center;justify-content:space-between;gap:8px}._visualizerBox_1m39h_719{background:rgba(0,0,0,.2);border-radius:4px;padding:8px;margin-bottom:4px}._shapeControlsRow_1m39h_727{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}._shapeControlItem_1m39h_734{display:flex;flex-direction:column;gap:4px}._shapeControlItem_1m39h_734 ._draggableValue_1m39h_593{min-width:unset;padding:6px 8px}._controlDisabled_1m39h_746{opacity:.3;pointer-events:none}._autoRotateLabel_1m39h_752{display:flex;align-items:center;justify-content:space-between;gap:4px}._autoRotateInlineControls_1m39h_760{display:flex;align-items:center;gap:4px;padding:4px;background:#1e1e1e;border-radius:4px}._autoRotateInlineControls_1m39h_760 ._rotateDirectionBtn_1m39h_687{padding:4px}._autoRotateInlineControls_1m39h_760 ._draggableValue_1m39h_593{padding:4px 6px;min-width:unset;font-size:12px}._autoRotateInlineControls_1m39h_760._controlDisabled_1m39h_746{opacity:.3;pointer-events:none}._toggle_1an7h_2{position:fixed;bottom:16px;right:16px;width:40px;height:40px;background:rgba(30,30,35,.8);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;padding:0}._toggle_1an7h_2:hover{background:rgba(40,40,45,.9);color:#ffffffe6;border-color:#fff3}._toggle_1an7h_2._active_1an7h_28{background:rgba(255,64,129,.15);border-color:#ff40814d;color:#ff4081}._toggle_1an7h_2._hidden_1an7h_34{opacity:0;pointer-events:none}._toggle_1an7h_2 svg{width:20px;height:20px}._gradientTop_1an7h_45{position:fixed;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);pointer-events:none;z-index:80;opacity:0;transition:opacity .3s ease}._gradientTop_1an7h_45._visible_1an7h_58{opacity:1}._gradientBottom_1an7h_62{position:fixed;bottom:0;left:0;right:0;height:80px;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%);pointer-events:none;z-index:80;opacity:0;transition:opacity .3s ease}._gradientBottom_1an7h_62._visible_1an7h_58{opacity:1}:root{--bg-color: #000000;--text-color: #ffffff;--primary-color: #646cff;--secondary-color: #535bf2}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);font-family:system-ui,-apple-system,sans-serif}#root{width:100%;height:100%}.App{width:100vw;height:100vh;background:var(--bg-color);overflow:hidden;position:relative}.App canvas{width:100%;height:100%;position:fixed;top:0;left:0;outline:none}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary-color)}button:focus-visible{outline:1px solid rgba(255,255,255,.3);outline-offset:1px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2em;z-index:1000}.preset-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.preset-modal{max-width:90%;max-height:90%;overflow:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.preset-toggle-button{background-color:#2a2a3a;color:#eee;border:none;border-radius:5px;padding:5px 12px;cursor:pointer;font-size:.9em;transition:background-color .2s}.preset-toggle-button:hover{background-color:#3a3a4a}.global-preset-container{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:100}.midi-device-row{display:flex;align-items:center;gap:10px}.midi-test-button{padding:4px 8px;font-size:12px;background:#3a3a3a;border:1px solid #555;color:#fff;border-radius:4px;cursor:pointer}.midi-test-button:hover{background:#4a4a4a}