.EchoComposer_backdrop__k__Ko{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:450;display:flex;align-items:flex-end;justify-content:center;animation:EchoComposer_fadeIn__8Z7g8 .2s ease}@keyframes EchoComposer_fadeIn__8Z7g8{0%{opacity:0}to{opacity:1}}.EchoComposer_sheet__8Ty_d{width:100%;max-width:560px;background:linear-gradient(135deg,rgba(116,185,255,.06),rgba(8,12,24,.92) 50%,rgba(8,12,24,.96));backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(116,185,255,.18);border-top-color:rgba(116,185,255,.28);border-radius:20px 20px 0 0;padding:20px 24px 32px;box-shadow:0 -8px 32px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.06);animation:EchoComposer_slideUp__Bvfdo .25s cubic-bezier(.2,.9,.3,1)}@keyframes EchoComposer_slideUp__Bvfdo{0%{transform:translateY(100%)}to{transform:translateY(0)}}.EchoComposer_handle__DdoMb{width:36px;height:4px;border-radius:100px;background:hsla(0,0%,100%,.2);margin:0 auto 20px}.EchoComposer_header__NtEvV{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;gap:12px}.EchoComposer_titleBlock__tjSQ2{flex:1;min-width:0}.EchoComposer_eyebrow__fhkp1{font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--xecho-accent,#74b9ff);margin-bottom:6px}.EchoComposer_title__x2ttc{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--xecho-text-primary,#fff);margin:0;line-height:1.2}.EchoComposer_subtitle__xESG2{font-family:Inter,sans-serif;font-size:.85rem;color:var(--xecho-text-tertiary,hsla(0,0%,100%,.5));margin:4px 0 0;line-height:1.4}.EchoComposer_closeBtn__b58sX{width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.06);border:1px solid rgba(116,185,255,.15);color:var(--xecho-text-secondary,hsla(0,0%,100%,.7));display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.72rem;transition:background .15s ease,color .15s ease;flex-shrink:0}.EchoComposer_closeBtn__b58sX:hover{background:hsla(0,0%,100%,.1);color:var(--xecho-text-primary,#fff)}.EchoComposer_body__69C_y{display:flex;flex-direction:column;gap:16px;margin-top:20px}.EchoComposer_textareaWrap__riXFu{position:relative}.EchoComposer_textarea__QeWdE{width:100%;min-height:132px;max-height:260px;padding:14px 16px;border-radius:6px;background:var(--xecho-bg-surface,#1e2532);border:1px solid rgba(116,185,255,.18);color:var(--xecho-text-primary,#fff);font-family:Inter,sans-serif;font-size:.95rem;line-height:1.5;resize:vertical;outline:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.EchoComposer_textarea__QeWdE:focus{border-color:var(--xecho-blue-500,#255ff4);background:var(--xecho-bg-overlay,#252d3d);box-shadow:0 0 0 3px rgba(37,95,244,.12)}.EchoComposer_textarea__QeWdE::-moz-placeholder{color:var(--xecho-text-muted,hsla(0,0%,100%,.4))}.EchoComposer_textarea__QeWdE::placeholder{color:var(--xecho-text-muted,hsla(0,0%,100%,.4))}.EchoComposer_counter__anY9F{display:flex;justify-content:flex-end;font-family:Inter,sans-serif;font-size:.72rem;color:var(--xecho-text-muted,hsla(0,0%,100%,.4));margin-top:4px;font-variant-numeric:tabular-nums}.EchoComposer_counterNear__fjpy6{color:var(--xecho-warning,#f59e0b)}.EchoComposer_counterOver__oBThC{color:var(--xecho-danger,#ef4444)}.EchoComposer_identityRow__RCAm_{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:6px;background:rgba(116,185,255,.04);border:1px solid rgba(116,185,255,.12)}.EchoComposer_identityIcon__sOi7E{width:32px;height:32px;border-radius:50%;background:rgba(37,95,244,.15);color:var(--xecho-accent,#74b9ff);display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:0 0 16px rgba(37,95,244,.2);flex-shrink:0}.EchoComposer_identityText__ALmkA{flex:1;min-width:0}.EchoComposer_identityLabel__LEAMj{font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;color:var(--xecho-text-primary,#fff);line-height:1.2}.EchoComposer_identityHelp__j9b7d{font-family:Inter,sans-serif;font-size:.72rem;color:var(--xecho-text-muted,hsla(0,0%,100%,.4));margin-top:2px;line-height:1.35}.EchoComposer_toggle__tQ_8L{position:relative;width:44px;height:24px;flex-shrink:0;cursor:pointer;border:none;background:transparent;padding:0}.EchoComposer_toggleTrack__gUNid{position:absolute;inset:0;border-radius:100px;background:var(--xecho-bg-surface,#1e2532);border:1px solid rgba(116,185,255,.18);transition:background .2s ease,border-color .2s ease}.EchoComposer_toggleActive__D9puC .EchoComposer_toggleTrack__gUNid{background:rgba(37,95,244,.3);border-color:var(--xecho-blue-500,#255ff4)}.EchoComposer_toggleThumb___NeeA{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--xecho-text-muted,hsla(0,0%,100%,.4));transition:transform .2s ease,background .2s ease}.EchoComposer_toggleActive__D9puC .EchoComposer_toggleThumb___NeeA{transform:translateX(20px);background:var(--xecho-blue-500,#255ff4)}.EchoComposer_footer__O2ddx{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(116,185,255,.12)}.EchoComposer_footerLeft__E290J{display:flex;gap:8px}.EchoComposer_btnGhost__40lAA{padding:10px 16px;border-radius:6px;background:transparent;color:var(--xecho-text-secondary,hsla(0,0%,100%,.7));border:1px solid rgba(116,185,255,.18);font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.EchoComposer_btnGhost__40lAA:hover:not(:disabled){background:rgba(116,185,255,.08);color:var(--xecho-text-primary,#fff);border-color:var(--xecho-accent,#74b9ff)}.EchoComposer_btnGhost__40lAA:disabled{opacity:.4;cursor:not-allowed}.EchoComposer_btnDanger__Mi94B{padding:10px 16px;border-radius:6px;background:rgba(239,68,68,.08);color:var(--xecho-danger,#ef4444);border:1px solid rgba(239,68,68,.2);font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.EchoComposer_btnDanger__Mi94B:hover:not(:disabled){background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.38)}.EchoComposer_btnDanger__Mi94B:disabled{opacity:.4;cursor:not-allowed}.EchoComposer_btnPrimary__m10GO{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:6px;background:var(--xecho-blue-500,#255ff4);color:#fff;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.02em;border:none;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.EchoComposer_btnPrimary__m10GO:hover:not(:disabled){background:var(--xecho-blue-400,#4a7df6);transform:translateY(-1px);box-shadow:0 4px 20px rgba(37,95,244,.4)}.EchoComposer_btnPrimary__m10GO:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.EchoComposer_errorRow__HTYRe{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:var(--xecho-danger,#ef4444);font-family:Inter,sans-serif;font-size:.82rem;margin-top:12px}@media (max-width:480px){.EchoComposer_sheet__8Ty_d{padding:16px 18px 28px;border-radius:16px 16px 0 0}.EchoComposer_title__x2ttc{font-size:1.1rem}.EchoComposer_textarea__QeWdE{min-height:120px;font-size:.9rem}.EchoComposer_footer__O2ddx{flex-wrap:wrap}.EchoComposer_btnPrimary__m10GO{width:100%;justify-content:center}.EchoComposer_footerLeft__E290J{width:100%}}.synthX_componentBox__cwasO{width:400px;height:auto;padding:10px;margin:10px;outline:8px inset var(--xecho-accent);background-color:transparent;border-radius:6px;background-size:contain;box-shadow:inset 20 10 10px hsla(0,0%,100%,.82);background-image:linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.8)),url(/synthimg/grungebg2.jpg)}.synthX_drumRow__gIdfZ{display:flex;flex-direction:row;justify-content:center;align-items:center}.synthX_drumContainer__rYLD6{gap:10px;padding:10px}.synthX_drumContainer__rYLD6,.synthX_drumMachineContainer__YDBv7{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;background-color:transparent}.synthX_drumMachineContainer__YDBv7{gap:1%;padding:1%;grid-gap:10px;overflow:hidden}@media (max-width:768px){.synthX_drumMachineContainer__YDBv7{flex-direction:column;padding:5px;gap:5px}}.synthX_drumMachineElement__NveJ5{flex:1;padding:2%;max-width:100px}.synthX_drumMachineButtonText__6McvG,.synthX_drumMachineButtonText__6McvG:active{transform:perspective(500px) rotateX(20deg);transform-origin:center bottom;transform-style:preserve-3d;font-size:small;font-weight:400;color:var(--xecho-text-primary);transform:perspective(700) rotateY(20deg)}.synthX_drumMachineButtonText__6McvG:active{text-shadow:0 0 6px 2px #4554f1,0 0 10px 2px #fafcfc,inset 8px 8px 6px rgba(0,0,0,.2)}.synthX_drumMachineButton__M5_7l{transition:all .1s}.synthX_drumMachineButtonMenu__QXoB4,.synthX_drumMachineButton__M5_7l{background:linear-gradient(135deg,#4a708b,#3a5f7d 50%,#2c465a);cursor:pointer;width:100px;height:60px;border:2px solid #7f8bae;border-radius:6px;position:relative;margin:5px 5px 20px;z-index:1;box-shadow:0 6px 1px #3a5870,-1px -1px 0 #3b5a6e,3px 3px 15px rgba(0,0,0,.5)}.synthX_drumMachineButtonMenu__QXoB4 .synthX_dropdownMenu__hCqzW{background:rgba(0,0,0,.5);color:var(--xecho-text-primary);border-radius:6px;position:absolute;top:100%;left:0;width:100px;z-index:2;box-shadow:0 6px 1px #3a5870,-1px -1px 0 #3b5a6e,3px 3px 15px rgba(0,0,0,.5)}.synthX_drumMachineButtonMenu__QXoB4 .synthX_dropdownMenu__hCqzW .synthX_menuItem__VUjcO{padding:10px;border-bottom:1px solid var(--xecho-text-primary)}.synthX_drumMachineButtonMenu__QXoB4 .synthX_dropdownMenu__hCqzW .synthX_menuItem__VUjcO:active,.synthX_drumMachineButtonMenu__QXoB4 .synthX_dropdownMenu__hCqzW .synthX_menuItem__VUjcO:focus{background:rgba(0,0,0,.7)}.synthX_buttonText__5WniF{text-shadow:1px 1px 0 #000}.synthX_buttonText__5WniF,.synthX_buttonText__5WniF:active{transform:perspective(200px) rotateX(24deg);display:inline-block;font-size:small;font-weight:400;text-transform:uppercase;text-align:center;color:var(--xecho-text-primary)}.synthX_buttonText__5WniF:active{text-shadow:0 0 10px #f4f4f5,0 0 20px #f4f4f5}.synthX_drumMachineButton__M5_7l.synthX_active__HO6ab,.synthX_drumMachineButton__M5_7l:active{top:4px;border:1px inset var(--xecho-text-primary);box-shadow:0 0 6px 2px #9df,0 0 10px 2px #9df,inset 8px 8px 6px rgba(0,0,0,.2);transform:translateZ(4px);background-color:#3a5a96}.synthX_drum-kit__YSYwJ{flex-wrap:wrap;gap:6px}.synthX_drum-kit__YSYwJ,.synthX_drum__A2qwB{display:flex;justify-content:center;background-color:transparent}.synthX_drum__A2qwB{top:0;position:relative;border:2px solid #6a7a8c;box-shadow:0 2px 5px rgba(47,99,219,.5);color:#2a2626;font-size:small;font-weight:lighter;width:100px;height:62px;align-items:center;border-radius:6px;cursor:pointer;margin-bottom:4px;flex:1 1 20%;max-width:200px;min-width:100px;text-align:center}.synthX_machineContainer__SY5BJ{display:flex;align-items:center;justify-content:space-between;margin-right:16px}.synthX_lcdSelector__1krgx{width:300px;display:flex;flex-direction:column;align-items:center;margin:20px}.synthX_crtTheme__HwhHn .synthX_lcdDisplay__RKl8e{background-color:#0c0101;padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:var(--xecho-accent);font-family:Courier New,monospace;border:1px solid var(--xecho-accent);border-radius:6px;box-shadow:inset 0 0 15px #fff,inset 0 0 30px #fff;width:100%;height:150px;overflow:hidden;background-color:#013220;background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,var(--xecho-accent) 19px,var(--xecho-accent) 20px),repeating-linear-gradient(90deg,transparent,transparent 18px,var(--xecho-accent) 19px,var(--xecho-accent) 20px);background-size:20px 20px;margin-bottom:10px}.synthX_crtTheme__HwhHn .synthX_beatClockTitle__oJIc6,.synthX_crtTheme__HwhHn .synthX_lcdInfo__daEY3,.synthX_crtTheme__HwhHn .synthX_lcdText__NpgTV{color:var(--xecho-accent);font-family:Courier New,monospace;text-align:center}.synthX_lcdTheme__2TFfL .synthX_lcdDisplay__RKl8e{background-color:var(--xecho-text-tertiary);padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:var(--xecho-bg-primary);font-family:Lucida Console,Monaco,monospace;border:1px solid var(--xecho-text-muted);border-radius:6px;box-shadow:inset 0 0 15px rgba(0,0,10,.8),inset 0 0 30px rgba(0,0,0,.8);width:100%;height:150px;overflow:hidden;background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 20px),repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(0,0,0,.2) 19px,rgba(0,0,0,.2) 20px);background-size:20px 20px;margin-bottom:10px}.synthX_lcdTheme__2TFfL .synthX_beatClockTitle__oJIc6,.synthX_lcdTheme__2TFfL .synthX_lcdInfo__daEY3,.synthX_lcdTheme__2TFfL .synthX_lcdStyle__pfOwp,.synthX_lcdTheme__2TFfL .synthX_lcdText__NpgTV{color:var(--xecho-bg-primary);font-family:Lucida Console,Monaco,monospace;text-align:center}.synthX_lcdDisplay__RKl8e{background-color:#282828;padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:linear-gradient(45deg,var(--xecho-accent),gold,#ff4500);font-family:Courier New,monospace;border:1px solid var(--xecho-accent);border-radius:6px;text-shadow:0 0 4px #02021e,0 0 6px #0a0a0d;box-shadow:inset 0 0 15px rgba(0,0,0,.8),inset 0 0 30px rgba(0,0,0,.6);width:100%;height:150px;overflow:hidden;background-color:var(--xecho-bg-elevated);background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 20px),repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(0,0,0,.1) 19px,rgba(0,0,0,.1) 20px);background-size:20px 20px}.synthX_lcdInfo__daEY3{font-size:14px;color:var(--xecho-success);text-align:center}.synthX_beatClockTitle__oJIc6{text-align:center;font-size:20px;font-weight:700}.synthX_lcdText__NpgTV{color:var(--xecho-text-primary);font-family:Courier New,monospace;font-size:20px;background-color:transparent;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:5px;margin-top:20px;line-height:20px}.synthX_lcdButtonContainer__wz6cy{display:flex;justify-content:center;width:100%;margin-top:10px}.synthX_lcdAndControls__p6_P_{display:flex;align-items:center}.synthX_nixieTube__c3JoV{box-shadow:0 0 10px rgba(255,165,0,.75)}.synthX_nixieTubeBlue__5TQnQ,.synthX_nixieTube__c3JoV{display:inline-block;background-color:var(--xecho-bg-primary);padding:10px;border-radius:6px}.synthX_nixieTubeBlue__5TQnQ{box-shadow:0 0 10px rgba(0,89,255,.75)}.synthX_nixieNumber__zkuLM{font-family:Courier New,monospace;font-size:48px;color:orange;text-shadow:0 0 20px orange,0 0 30px orange,0 0 40px orange}.synthX_rightControls__jiEcB{display:flex;flex-direction:column;align-items:center;margin-left:20px}@keyframes synthX_metronomepulse__WinJb{0%{transform:scale(1.07);box-shadow:inset 0 0 10px rgba(0,0,0,.8),0 0 15px var(--led-color),0 0 5px hsla(0,0%,100%,.7)}to{transform:scale(1);box-shadow:inset 0 0 10px rgba(0,0,0,.8),0 0 30px var(--led-color),0 0 15px #fff}}.synthX_drumMachineButtonSmall__tvXVm{background:linear-gradient(135deg,#4a708b,#3a5f7d 50%,#2c465a);cursor:pointer;width:40px;height:20px;border:2px solid #7f8bae;border-radius:4px;transition:all .1s;box-shadow:0 6px 1px #1a3da5,-1px -1px 0 #405cd0,3px 3px 15px rgba(0,0,0,.6);position:relative;flex:1 1 10%;margin:5px 5px 20px;z-index:1;box-shadow:0 6px 1px #3a5870,-1px -1px 0 #3b5a6e,3px 3px 15px rgba(0,0,0,.5)}.synthX_drumMachineButtonSmall__tvXVm.synthX_active__HO6ab,.synthX_drumMachineButtonSmall__tvXVm:active{top:4px;border:1px inset var(--xecho-text-primary);box-shadow:0 0 6px 2px #9df,0 0 10px 2px #9df,inset 8px 8px 6px rgba(0,0,0,.2);transform:translateZ(4px);background-color:#3a5a96;transform:perspective(200px) rotateX(24deg);display:inline-block;font-size:small;font-weight:400;text-transform:uppercase;text-align:center;color:var(--xecho-text-primary);text-shadow:0 0 10px #f4f4f5,0 0 20px #f4f4f5}.synthX_controlButtonSmall__iyx1A{top:0;background-color:transparent;border:2px solid #6a7a8c;box-shadow:0 2px 5px rgba(47,99,219,.5);color:#2a2626;width:100%;height:22px;border-radius:4px;cursor:pointer;margin-bottom:4px;flex:1 1 10%;text-align:center}.synthX_controlButtonSmall__iyx1A,.synthX_toggleContainer__CABhv{position:relative;display:flex;align-items:center;justify-content:center}.synthX_toggleContainer__CABhv{flex-direction:column;width:100px;height:200px;border:2px solid var(--xecho-bg-surface);border-radius:50px;background-color:var(--xecho-text-tertiary)}.synthX_drum__A2qwB img{width:100%;height:auto}.synthX_analog-meter__hLXFB{display:block;margin:20px}.synthX_keyboard__xH9QJ{flex-wrap:no-wrap;margin-bottom:5px}.synthX_key__q_z2o,.synthX_keyboard__xH9QJ{display:flex;justify-content:center;position:relative}.synthX_key__q_z2o{width:40px;height:200px;background-color:var(--xecho-text-primary);border:3px solid var(--xecho-bg-primary);align-items:flex-end;font-size:9px;font-weight:700;font-color:blue;cursor:pointer;transform:translateY(0);transition:transform .2s,box-shadow .2s}.synthX_active__HO6ab{background-color:var(--xecho-accent);color:var(--xecho-bg-primary);box-shadow:0 0 10px hsla(0,14%,97%,.5),0 0 20px var(--xecho-accent);transform:translateY(3px)}.synthX_key__q_z2o.synthX_black__cQzEA{width:26px;height:130px;background-color:var(--xecho-bg-primary);border:3px solid var(--xecho-bg-overlay);color:var(--xecho-text-primary);z-index:1;margin-left:-15px;margin-right:-15px}.synthX_key__q_z2o:not(.synthX_black__cQzEA){margin-bottom:0;margin-left:1px;margin-right:1px}.synthX_key__q_z2o.synthX_black__cQzEA.synthX_position__NVt9j{position:absolute;top:0;left:50%;transform:translateX(-50%)}.synthX_key-label__PX77v{font-size:.8rem;font-weight:400}.synthX_mixer-slider__iIb3b{position:relative;width:300px}.synthX_slider__Ky_5Z{-webkit-appearance:none;width:100%;height:20px;border-radius:6px;background:linear-gradient(90deg,#ff5733,#33ff57);outline:none;opacity:.7;transition:opacity .2s}.synthX_slider__Ky_5Z:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_slider__Ky_5Z::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:var(--xecho-bg-surface);cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.synthX_slider__Ky_5Z::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:var(--xecho-bg-surface);cursor:pointer;-moz-transition:background .2s;transition:background .2s}.synthX_slider__Ky_5Z:hover{opacity:1}.synthX_slider__Ky_5Z::-webkit-slider-thumb:hover{background:var(--xecho-bg-overlay)}.synthX_slider__Ky_5Z::-moz-range-thumb:hover{background:var(--xecho-bg-overlay)}.synthX_slider-label__gzLV7{position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-size:18px;font-weight:700}.synthX_threeDbox__cD7Ug{width:200px;height:200px;background-color:var(--xecho-accent);color:var(--xecho-text-primary);text-align:center;line-height:200px;transform:perspective(1000px) rotateX(20deg);box-shadow:0 10px 20px rgba(0,0,0,.3)}.synthX_noteStyle__9QTtG.synthX_buttonOverride__c92Zc{border:none;padding:10px;cursor:pointer}.synthX_noteStyle__9QTtG.synthX_buttonOverride__c92Zc:hover{background-color:#darkerShadeOfYourChoice}.synthX_noteStyle__9QTtG.synthX_buttonOverride__c92Zc:active{background-color:#evenDarkerShade}.synthX_sliderContainer__vRm_i{display:flex;align-items:center}.synthX_volumeSlider__Mace4{display:flex;cursor:pointer;margin-right:10px}@media screen and (max-width:420px){.synthX_volumeSlider__Mace4{margin-right:0}}.synthX_led__K4QL0{width:8px;height:12px;background-color:grey;border:.25px solid #000;border-radius:16%;transition:background-color .3s}.synthX_led__K4QL0.synthX_active__HO6ab,.synthX_led__K4QL0:hover{background-color:lime;box-shadow:4 4 5px lime;transition:background-color .3s,box-shadow .3s}.synthX_led__K4QL0:hover{animation:synthX_glow__hB6JM .8s infinite alternate}@keyframes synthX_ledglow__ry5Tn{0%{box-shadow:0 0 0 #04d804}to{box-shadow:6 6 4px #73ff00}}.synthX_customSlider__GzWww{display:flex;cursor:pointer;margin-right:10px}.synthX_customled__9bBO_{width:6px;height:14px;background-color:#0e6621 128,128,128);border:.25px solid #000;border-radius:16%;transition:background-color .3s}.synthX_customled__9bBO_.synthX_active__HO6ab{background-color:lime;box-shadow:0 0 5px lime;transition:background-color .3s,box-shadow .3s}.synthX_customled__9bBO_.synthX_active__HO6ab:hover{animation:synthX_glow__hB6JM .5s infinite alternate}@keyframes synthX_glow__hB6JM{0%{background-color:#006400;box-shadow:0 0 2px 2px #006400}to{background-color:#0f0;box-shadow:8 8 6px 6px #0f0}}.synthX_circularDiv__GVNAJ{margin-top:58px;width:162px;height:162px;border-radius:50%;border:1.5mm groove grey;background-color:var(--xecho-bg-primary);position:relative;box-shadow:inset 8px 8px 10px rgba(0,0,0,.8);background-image:linear-gradient(90deg,hsla(0,0%,100%,.2) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.2) 1px,transparent 0),radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.9) 80%);background-size:10% 10%,10% 10%;overflow:hidden}.synthX_circularDiv__GVNAJ:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 30px 10px rgba(173,216,230,.8);z-index:-1}.synthX_volumeKnob__mjImV{width:200px;height:200px;background-repeat:no-repeat;background-size:contain;background-position:50%;position:absolute;top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%);z-index:1}.synthX_knob-container__7qJAb:active{cursor:grabbing;border-radius:50%}.synthX_tooltip__NeKtr{position:relative;display:inline-block;cursor:pointer}.synthX_tooltip__NeKtr .synthX_tooltip-text__50sRc{visibility:hidden;background-color:var(--xecho-bg-primary);color:var(--xecho-text-primary);text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.synthX_tooltip__NeKtr:hover .synthX_tooltip-text__50sRc{visibility:visible;opacity:1}.synthX_playing__wadje{background-color:var(--xecho-success)}.synthX_wave-background__cU1Yr{cursor:pointer;margin:5px;display:inline-block;transition:.3s;border:10px solid rgba(31,215,232,.873)}.synthX_wave-background__cU1Yr:hover{transform:scale(1.1)}.synthX_waveIconWrapper__ETdoJ{display:inline-block;cursor:pointer;padding:5px;border:1px solid transparent}.synthX_waveIconWrapper__ETdoJ:hover{background-color:var(--xecho-success)}.synthX_waveIconWrapper__ETdoJ.synthX_selected__VVl3r{border:12px solid blue}.synthX_icon__XFCPq{width:50px;height:50px;background-color:transparent}.synthX_timelineContainer__yCnGk{position:relative;width:100%;height:50px;background:transparent;margin-top:20px;border:3px solid blue;z-index:2;background-color:var(--xecho-text-tertiary);border:1px solid var(--xecho-text-tertiary);overflow:hidden}.synthX_timeline__aLJtt{display:flex;align-items:center;justify-content:space-between;width:100%;height:20px;border:3px solid blue;margin-top:10px;background-color:var(--xecho-text-primary);box-shadow:0 2px 4px rgba(0,0,0,.1)}.synthX_note__DBpR7{height:50px;min-width:50px;margin:5px;flex:1;height:100%;border-right:1px solid var(--xecho-text-tertiary);transition:background-color .3s;border:1px solid var(--xecho-text-tertiary);resize:horizontal;overflow:auto}.synthX_note__DBpR7.synthX_active__HO6ab{background-color:var(--xecho-success)}.synthX_playhead__TS3VE{position:absolute;top:0;bottom:0;width:9px;background-color:#36da27}.synthX_playhead__TS3VE input{width:50px;position:absolute;top:10px;left:-25px;border:none;background-color:transparent;color:var(--xecho-text-primary);text-align:center}.synthX_synthContainer__QnpYw{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;box-sizing:border-box;padding:5%;background-size:contain;background-repeat:no-repeat;background-position:50%;background-attachment:fixed}.synthX_activeNote__Z0jwZ{border:1px solid #fff;box-shadow:0 0 20px 5px var(--xecho-accent);background:linear-gradient(270deg,rgba(2,29,78,.681),rgba(37,45,52,.873) 60%);background-color:rgba(37,45,52,.873)}.synthX_pageContainer__wdkZu{display:flex;justify-content:center;align-items:center;height:auto;box-sizing:border-box;padding:5%;background-size:cover;background-repeat:no-repeat;background-position:50%}.synthX_startButton__REAfe{background-color:green}.synthX_stopButton__2TgPT{background-color:red}.synthX_synthButton__TRlxh{padding:.45rem 1.1rem;border-radius:.2rem;border:4px double #017afe;background-color:#0e0e1a;color:#eaeaea;font-family:Good Times;cursor:pointer;transition:.6s}.synthX_synthButton__TRlxh:hover{background:#021d4e;background:linear-gradient(270deg,rgba(2,29,78,.681),rgba(31,215,232,.873) 60%);color:#040426}.synthX_synthDropdown__oVZRA{padding:.35rem .5rem;border-radius:.4rem;font-size:.9rem;border:3px double #017afe;background-color:#0e0e1a;color:#fdfdfd;font-family:Good Times;cursor:pointer;transition:.6s;box-shadow:0 0 20px #1f4c65;outline:0;-webkit-box-reflect:below 10px linear-gradient(180deg,transparent,rgba(0,0,0,.4));-webkit-tap-highlight-color:rgba(0,0,0,0)}.synthX_synthDropdown__oVZRA:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_synthDropdown__oVZRA:hover{background:#021d4e;background:linear-gradient(270deg,rgba(2,29,78,.681),rgba(31,215,232,.873) 60%);color:#040426}.synthX_synthDropdown__oVZRA:disabled{background-color:var(--xecho-text-tertiary);cursor:not-allowed;opacity:.7}.synthX_synthInfoBoxes__orsS7{padding:.35rem .5rem;border-radius:.4rem;border:3px double #017afe;background-color:#0e0e1a;background:transparent;color:#fdfdfd;font-family:Good Times;font-size:x-large;cursor:pointer;transition:.6s;box-shadow:0 0 20px #1f4c65;outline:0;-webkit-box-reflect:below 10px linear-gradient(180deg,transparent,rgba(0,0,0,.4));-webkit-tap-highlight-color:rgba(0,0,0,0)}.synthX_synthInfoBoxes__orsS7:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_synthInfoBoxesNoMirror__CtCGn{padding:.35rem .5rem;border-radius:.4rem;position:relative;border:3px double #017afe;background-color:#0e0e1a;background:transparent;color:#fdfdfd;font-family:Good Times;cursor:pointer;transition:.6s;box-shadow:0 0 5px #1f4c65;outline:0;margin-bottom:25px;font-size:12px}.synthX_synthInfoBoxesNoMirror__CtCGn:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_synthInfoBoxesNoMirror__CtCGn:hover{background:#021d4e;background:linear-gradient((270deg,rgba(2,29,78,.681) 0,rgba(77,79,207,.873) 3)60%);color:#040426;transform:scale(1.2);z-index:10;font-weight:700;position:relative}.synthX_synthInfoBoxesNoMirrorSmall__iF_9F{padding:.35rem .5rem;position:relative;border:3px double #017afe;background-color:#0e0e1a;background:transparent;color:#fdfdfd;font-family:Aldrich;cursor:pointer;transition:.6s;box-shadow:0 0 5px #1f4c65;outline:0;margin-bottom:25px;font-size:x-small;border-radius:6px;font-weight:400}.synthX_synthInfoBoxesNoMirrorSmall__iF_9F:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_synthInfoBoxesNoMirrorSmall__iF_9F:hover{background:#021d4e;background:linear-gradient((270deg,rgba(2,29,78,.681) 0,rgba(37,40,228,.873) 3)60%);color:var(--xecho-text-primary);transform:scale(1.2);z-index:10;font-size:x-small;position:relative;border-radius:6px}.synthX_synthInfoBoxTwo__X_08X{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:200px;max-width:100%;padding:.35rem .5rem;border-radius:.4rem;font-size:.9rem;background-color:rgba(0,0,0,.7);color:#fdfdfd;font-family:Good Times;cursor:pointer;transition:.6s;box-shadow:0 0 5px #1f4c65;outline:0;margin-bottom:25px;overflow:hidden}.synthX_synthInfoBoxTwo__X_08X:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_synthInfoBoxTwo__X_08X>*{flex-grow:1;overflow:auto}.synthX_synthInfoBoxTwoRow__B_Zjl{display:flex;flex-direction:row;align-items:center;min-width:6px;border-radius:.4rem;font-size:.9rem;background-color:#0e0e1a;background:transparent;color:#fdfdfd;font-family:Good Times;cursor:pointer;transition:.6s;box-shadow:0 0 5px #1f4c65;outline:0;overflow:hidden}.synthX_synthInfoBoxTwoRow__B_Zjl:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_synthInfoBox__oKBFU{padding:.35rem .5rem;border-radius:.4rem;font-size:small;border:2px solid #002bff;background-color:var(--xecho-bg-primary);color:#fdfdfd;font-family:Good Times;cursor:pointer;transition:.6s;box-shadow:0 0 5px #1f4c65;outline:0;margin-bottom:25px}.synthX_synthInfoBox__oKBFU:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_synthDropdownNoMirror__qKFU9{padding:.35rem .5rem;border-radius:.4rem;font-size:small;background-color:#0e0e1a;color:#fdfdfd;font-family:Aldrich;cursor:pointer;transition:.6s;margin-right:4px;box-shadow:16px 16px 12px rgba(0,0,0,.94);outline:0}.synthX_synthDropdownNoMirror__qKFU9:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_synthtexthighlighter__viYGx{padding:.35rem .5rem;border-radius:.4rem;font-size:x-small;background-color:#0e0e1a;color:#fdfdfd;font-family:Good Times;cursor:pointer;transition:.6s;box-shadow:0 0 20px #1f4c65;outline:0}.synthX_synthtexthighlighter__viYGx:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_synthtexthighlighter__viYGx:hover{transform:scale(1.05);animation:synthX_glow__hB6JM .5s infinite alternate}.synthX_synthDropdownNoMirror__qKFU9:hover{background-color:rgba(0,0,0,.5);font-weight:700;border:1mm inset #017afe}.synthX_synthNoteDropdownNoMirror__KlagS{padding:.35rem .5rem;border-radius:.4rem;font-size:small;border:3px double #017afe;background-color:#0e0e1a;color:#fdfdfd;font-family:Good Times;cursor:pointer;transition:.6s;box-shadow:0 0 20px #1f4c65;outline:0}.synthX_synthNoteDropdownNoMirror__KlagS:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_synthNoteDropdownNoMirror__KlagS:hover{background:var(--xecho-bg-primary);opacity:.2;font-weight:700;animation:synthX_hoverGlow__PyHF_ .5s infinite alternate;color:#040426;transform:scale(1.05)}.synthX_metronome-container__o_3K7{margin-right:20px;border:2px solid var(--xecho-accent);border-radius:6px;padding:10px;width:200px;background-color:"transparent";font-size:12px;align-items:left}.synthX_genericInfoBox__zfXPg{padding:.35rem .5rem;border-radius:.4rem;background-color:#0e0e1a;background:transparent;color:#fdfdfd;font-family:Good Times;font-size:x-small;width:45%;cursor:pointer;transition:.6s;box-shadow:0 0 20px #1f4c65;outline:0}.synthX_genericInfoBox__zfXPg:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_genericInfoBoxSmall__xJaTf{padding:.35rem .5rem;border-radius:.4rem;background-color:#0e0e1a;background:transparent;color:#fdfdfd;font-family:Aldrich;font-size:xx-small;cursor:pointer;transition:.6s;box-shadow:0 0 20px #1f4c65;margin-bottom:4px}.synthX_synthContainerTwo__2jzw2{background-color:transparent;border:inset hsla(0,14%,97%,.5);margin-top:10px;outline:14px inset #a4c5e8;text-align:center;border-radius:25px;padding:10px;max-width:100%;box-sizing:border-box;background-size:contain}@media (max-width:768px){.synthX_synthContainerTwo__2jzw2{padding:10px}}@media (min-width:1200px){.synthX_synthContainerTwo__2jzw2{padding:20px}}.synthX_synthContainerThree__R2uQ5,.synthX_synthContainerTwoOrg__7Qlap{background-color:rgba(0,0,0,.75);margin-top:10px;border:2px solid blue;text-align:center;border-radius:25px;padding:10px}.synthX_synthContainerThree__R2uQ5{display:flex;justify-content:space-between}.synthX_synthToolBoxes__PcJto{width:200px;height:150px;padding:.45rem 1.1rem;border-radius:.2rem;border:4px double #017afe;background-color:#0e0e1a;color:#eaeaea;font-family:Good Times;cursor:pointer;transition:.6s;display:flex;justify-content:center;align-items:center}.synthX_transformed__iBuN4{background:#021d4e;background:linear-gradient(270deg,rgba(2,29,78,.681),rgba(77,79,207,.873) 60%);color:#040426;transform:scale(1.8);font-weight:700;z-index:2}.synthX_hoverGlow__PyHF_{width:220px;padding:1px;border:none;outline:0;color:var(--xecho-text-primary);background:var(--xecho-bg-elevated);cursor:pointer;position:relative;z-index:0;font-family:Aldrich;font-size:small;border-radius:6px;margin-right:10px;margin-bottom:10px}.synthX_hoverGlow__PyHF_:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.synthX_hoverGlow__PyHF_:before{content:"";background:linear-gradient(45deg,#00bfff,#00ffd5,#00fffb,#00ff26,#00ffd5,#002bff,#7a00ff);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:synthX_glowing__gmrps 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:6px}.synthX_hoverGlow__PyHF_:active{color:var(--xecho-bg-primary);transform:scale(1.03)}.synthX_hoverGlow__PyHF_:active:after{background:transparent}.synthX_hoverGlow__PyHF_:hover:before{opacity:1}.synthX_hoverGlow__PyHF_:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:var(--xecho-bg-elevated);left:0;top:0;border-radius:6px}@keyframes synthX_glowing__gmrps{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.synthX_synthButtonRound__k8rt5{padding:.45rem 1.1rem;border-radius:.2rem;border:4px double #017afe;background-color:#0e0e1a;color:#eaeaea;font-family:Good Times;cursor:pointer;transition:.6s;border-radius:50%;z-index:-1}.synthX_synthButtonRound__k8rt5:hover{background:#021d4e;background:linear-gradient(270deg,rgba(2,29,78,.681),rgba(31,215,232,.873) 60%);color:#040426}.synthX_myButtonContainer__nMEOk{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px;background-color:transparent}.synthX_myButtonText__lKY1H{transform:perspective(500px) rotateX(20deg);transform-origin:center bottom;transform-style:preserve-3d;font-size:small;font-weight:400;color:var(--xecho-text-primary);transform:perspective(700) rotateY(20deg)}.synthX_myButton__PgZ9d{top:2px;background-color:var(--xecho-bg-primary);cursor:pointer;min-width:100px;width:100%;height:100%;padding:10 10px;border:2px solid transparent;border-radius:6px;transition:transform .1s;box-shadow:0 1px 1px #1a3da5,-1px -1px 0 #031353,3px 3px 15px rgba(0,0,0,.6);position:relative;margin-bottom:20px;z-index:1;font-family:Aldrich;font-size:130%;-o-border-image:linear-gradient(90deg,silver,grey,silver) 1;border-image:linear-gradient(90deg,silver,grey,silver) 1;background-origin:border-box;background-clip:content-box,border-box;display:flex;align-items:center;justify-content:center;background-image:url(/buttons/black_button_b2.png);background-repeat:no-repeat;background-position:50%;background-size:cover;overflow:hidden}.synthX_myButton__PgZ9d img{height:100%;width:auto}@keyframes synthX_movingFrame__59Y8V{0%{background-position:0 0}50%{background-position:0 0}to{background-position:0 0}}.synthX_myButton__PgZ9d:hover{box-shadow:0 0 8px 2px rgba(85,119,219,.6)}.synthX_myButton__PgZ9d.synthX_active__HO6ab,.synthX_myButton__PgZ9d:active{border:2px solid var(--xecho-accent);box-shadow:inset 3px 3px 3px rgba(0,0,0,.2);padding-left:50px;background-color:transparent;transform:translateZ(14px) scale(1.06);box-shadow:0 0 15px rgba(76,127,247,.75)}.synthX_buttonKit__DT4oq{flex-wrap:wrap;gap:20px}.synthX_buttonKit__DT4oq,.synthX_myButtonFrame__dupgD{display:flex;justify-content:center;background-color:transparent}.synthX_myButtonFrame__dupgD{top:3px;border:1mm groove rgba(17,68,197,.6);cursor:pointer;box-shadow:3px 3px 3px rgba(1,20,64,.5),0 0 5px rgba(127,169,248,.6);color:#2a2626;width:150px;height:30px;position:relative;border-radius:6px;align-items:center;transition:all .1s;margin-bottom:4px;z-index:1}.synthX_bpmMarker__IAWId{position:absolute;cursor:pointer}.synthX_markercontainer__ROg3g{position:absolute;width:25%;top:-20px}.synthX_smallButtonHoles__T62rn{top:0;background-color:transparent;box-shadow:0 2px 5px rgba(47,99,219,.5);color:#2a2626;font-size:small;font-weight:lighter;display:flex;align-items:center;justify-content:center;border-radius:2px;cursor:pointer;margin:2px 2px 4px}.synthX_tempoPresetButton__HooGn{background-color:var(--xecho-accent);cursor:pointer;width:40px;height:40px;border:2px solid var(--xecho-accent);border-radius:4px;transition:all .1s;box-shadow:0 6px 1px #1a3da5,-1px -1px 0 #405cd0,3px 3px 15px rgba(0,0,0,.6);position:relative;margin:5px 5px 20px;z-index:1}.synthX_tempoPresetButton__HooGn.synthX_active__HO6ab,.synthX_tempoPresetButton__HooGn:active{top:4px;border:2px solid var(--xecho-accent);box-shadow:inset 6px 6px 4px rgba(0,0,0,.2);transform:translateZ(4px);background-color:#4c7ff7}.synthX_tempoButtonText__ntQsl{transform:perspective(500px) rotateX(20deg);transform-origin:center bottom;transform-style:preserve-3d;font-size:small;font-weight:400;color:var(--xecho-text-primary);transform:perspective(700) rotateY(20deg)}.synthX_noteSelectsDiv__DEsov{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:10px}@media (max-width:1200px){.synthX_noteSelectsDiv__DEsov{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:800px){.synthX_noteSelectsDiv__DEsov{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.synthX_noteEditorBox__RLLpV{background-color:rgba(0,0,0,.8);padding:20px;border:2px solid rgba(47,99,219,.5);border-radius:6px;display:none;position:absolute;z-index:100}.synthX_showEditor__lb5vL{display:block}@media (prefers-reduced-motion:reduce){.synthX_customled__9bBO_.synthX_active__HO6ab:hover,.synthX_hoverGlow__PyHF_:before,.synthX_led__K4QL0:hover,.synthX_synthNoteDropdownNoMirror__KlagS:hover,.synthX_synthtexthighlighter__viYGx:hover{animation:none!important}.synthX_customled__9bBO_,.synthX_customled__9bBO_.synthX_active__HO6ab,.synthX_drumMachineButtonMenu__QXoB4,.synthX_drumMachineButtonSmall__tvXVm,.synthX_drumMachineButton__M5_7l,.synthX_genericInfoBoxSmall__xJaTf,.synthX_genericInfoBox__zfXPg,.synthX_hoverGlow__PyHF_,.synthX_hoverGlow__PyHF_:before,.synthX_key__q_z2o,.synthX_led__K4QL0,.synthX_led__K4QL0.synthX_active__HO6ab,.synthX_myButtonFrame__dupgD,.synthX_myButton__PgZ9d,.synthX_note__DBpR7,.synthX_slider__Ky_5Z,.synthX_slider__Ky_5Z::-moz-range-thumb,.synthX_slider__Ky_5Z::-webkit-slider-thumb,.synthX_synthButtonRound__k8rt5,.synthX_synthButton__TRlxh,.synthX_synthDropdownNoMirror__qKFU9,.synthX_synthDropdown__oVZRA,.synthX_synthInfoBoxTwoRow__B_Zjl,.synthX_synthInfoBoxTwo__X_08X,.synthX_synthInfoBox__oKBFU,.synthX_synthInfoBoxesNoMirrorSmall__iF_9F,.synthX_synthInfoBoxesNoMirror__CtCGn,.synthX_synthInfoBoxes__orsS7,.synthX_synthNoteDropdownNoMirror__KlagS,.synthX_synthToolBoxes__PcJto,.synthX_synthtexthighlighter__viYGx,.synthX_tempoPresetButton__HooGn,.synthX_tooltip__NeKtr .synthX_tooltip-text__50sRc,.synthX_wave-background__cU1Yr{transition-duration:.01ms!important}}.ContextMenu_contextMenu__dNiYI{position:fixed;z-index:var(--xecho-z-modal);min-width:220px;max-width:280px;background:linear-gradient(145deg,var(--xecho-surface-elevated-start,rgba(5,5,8,.95)) 0,var(--xecho-surface-elevated-mid,rgba(10,10,15,.93)) 50%,var(--xecho-surface-elevated-end,rgba(15,15,25,.91)) 100%);backdrop-filter:blur(24px) saturate(140%) brightness(1.05);-webkit-backdrop-filter:blur(24px) saturate(140%) brightness(1.05);border:1px solid var(--xecho-border-primary,rgba(116,185,255,.25));border-radius:var(--radius-lg,8px);box-shadow:0 8px 32px var(--xecho-shadow-dark,rgba(0,0,0,.4)),0 2px 8px var(--xecho-shadow-medium,rgba(0,0,0,.3)),inset 0 1px 0 var(--xecho-highlight-subtle,hsla(0,0%,100%,.1));padding:var(--space-1,.25rem);animation:ContextMenu_contextMenuFadeIn__61O67 .15s cubic-bezier(.4,0,.2,1);transform-origin:top left}@keyframes ContextMenu_contextMenuFadeIn__61O67{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ContextMenu_menuItem__0RygP{display:flex;align-items:center;gap:var(--space-3,.75rem);width:100%;padding:var(--space-2-5,.625rem) var(--space-3,.75rem);background:transparent;border:none;border-radius:var(--radius-md,6px);font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);color:var(--xecho-text-primary,hsla(0,0%,100%,.95));text-align:left;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);-moz-user-select:none;user-select:none;-webkit-user-select:none}.ContextMenu_menuItem__0RygP:hover{background:var(--xecho-primary-hover-bg,rgba(116,185,255,.12));color:var(--xecho-primary,#74b9ff);transform:translateX(2px)}.ContextMenu_menuItem__0RygP:active{transform:scale(.98) translateX(2px)}.ContextMenu_menuIcon__9WOtU{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;font-size:.875rem;opacity:.9}.ContextMenu_menuItem__0RygP:hover .ContextMenu_menuIcon__9WOtU{opacity:1}.ContextMenu_menuLabel__M6qoM{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ContextMenu_menuItem__0RygP.ContextMenu_primary__op5b_{color:var(--xecho-primary,#74b9ff);font-weight:var(--font-semibold,600)}.ContextMenu_menuItem__0RygP.ContextMenu_primary__op5b_:hover{background:var(--xecho-primary-hover-bg-strong,rgba(116,185,255,.2));color:var(--xecho-primary,#74b9ff)}.ContextMenu_menuItem__0RygP.ContextMenu_primary__op5b_ .ContextMenu_menuIcon__9WOtU{opacity:1}.ContextMenu_menuItem__0RygP.ContextMenu_success___wMWz{color:var(--xecho-success-light,rgba(34,197,94,.95))}.ContextMenu_menuItem__0RygP.ContextMenu_success___wMWz:hover{background:var(--xecho-success-hover-bg,rgba(34,197,94,.12));color:var(--xecho-success,#22c55e)}.ContextMenu_menuItem__0RygP.ContextMenu_danger__6kkR_{color:var(--xecho-danger-light,rgba(239,68,68,.95))}.ContextMenu_menuItem__0RygP.ContextMenu_danger__6kkR_:hover{background:var(--xecho-danger-hover-bg,rgba(239,68,68,.12));color:var(--xecho-danger,#ef4444)}.ContextMenu_divider__dpW70{height:1px;margin:var(--space-1,.25rem) var(--space-2,.5rem);background:linear-gradient(90deg,transparent 0,var(--xecho-border-primary,rgba(116,185,255,.15)) 50%,transparent 100%)}@media (max-width:768px){.ContextMenu_contextMenu__dNiYI{min-width:200px;max-width:260px}.ContextMenu_menuItem__0RygP{padding:var(--space-2-5,.625rem) var(--space-2-5,.625rem);font-size:var(--text-sm,.875rem)}.ContextMenu_menuIcon__9WOtU{width:16px;height:16px;font-size:.8rem}}@media (max-width:480px){.ContextMenu_contextMenu__dNiYI{min-width:180px}.ContextMenu_menuItem__0RygP{padding:var(--space-2,.5rem) var(--space-2,.5rem);gap:var(--space-2,.5rem)}}.ContextMenu_menuItem__0RygP:focus-visible{outline:2px solid var(--xecho-focus-ring,rgba(116,185,255,.6));outline-offset:-2px;background:var(--xecho-primary-hover-bg,rgba(116,185,255,.12))}@media (prefers-reduced-motion:reduce){.ContextMenu_contextMenu__dNiYI{animation:none}.ContextMenu_menuItem__0RygP{transition:none}.ContextMenu_menuItem__0RygP:active,.ContextMenu_menuItem__0RygP:hover{transform:none}}.TrackActionSheet_backdrop__jwsjU{position:fixed;inset:0;background:var(--xecho-overlay-dark);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--xecho-z-modal);display:flex;align-items:flex-end;justify-content:center;animation:TrackActionSheet_fadeIn__eQPUQ .2s var(--ease-out)}@keyframes TrackActionSheet_fadeIn__eQPUQ{0%{opacity:0}to{opacity:1}}.TrackActionSheet_sheet__h_GBY{width:100%;max-width:420px;background:linear-gradient(165deg,var(--xecho-bg-primary) 0,var(--xecho-bg-secondary) 50%,var(--xecho-bg-primary) 100%);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--xecho-border-accent);border-bottom:none;border-radius:6px 6px 0 0;box-shadow:0 -20px 60px var(--xecho-shadow-heavy),0 0 1px var(--xecho-border-glow) inset;padding:var(--space-3) var(--space-5) var(--space-8);animation:TrackActionSheet_slideUp__qxNrW .3s var(--ease-material)}@keyframes TrackActionSheet_slideUp__qxNrW{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.TrackActionSheet_dragIndicator__otPHo{display:flex;justify-content:center;padding:var(--space-2) 0 var(--space-4)}.TrackActionSheet_dragBar__5y7KQ{width:40px;height:4px;background:var(--text-muted);border-radius:var(--radius-xs)}.TrackActionSheet_trackHeader__RKJPj{display:flex;align-items:center;gap:var(--space-3-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--xecho-border-light);margin-bottom:var(--space-4)}.TrackActionSheet_trackImage__ckFV8{width:64px;height:64px;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 16px var(--xecho-shadow-default)}.TrackActionSheet_trackInfo__WrWjQ{flex:1;min-width:0}.TrackActionSheet_trackTitle__w7BZ_{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.TrackActionSheet_trackArtist__wDDaq{font-size:var(--text-sm);color:var(--text-accent);margin:0}.TrackActionSheet_closeBtn__Abls9{width:36px;height:36px;border:none;background:var(--xecho-border-subtle);border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.TrackActionSheet_closeBtn__Abls9:hover{background:var(--xecho-border-default);color:var(--text-primary)}.TrackActionSheet_actions__AVUXo{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.TrackActionSheet_actionBtn__6dDcV{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4-5) var(--space-3);background:var(--xecho-border-subtle);border:1px solid var(--xecho-border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.TrackActionSheet_actionBtn__6dDcV span{font-size:var(--text-xs);font-weight:var(--font-medium);text-align:center}.TrackActionSheet_actionBtn__6dDcV:hover{background:var(--xecho-blue-500-alpha-15);border-color:var(--xecho-blue-500-alpha-30);color:var(--text-primary);transform:translateY(-2px)}.TrackActionSheet_actionBtn__6dDcV:active{transform:translateY(0)}.TrackActionSheet_actionBtn__6dDcV.TrackActionSheet_liked__irEww{color:var(--xecho-blue-500);background:var(--xecho-blue-500-alpha-12);border-color:var(--xecho-blue-500-alpha-25)}.TrackActionSheet_actionBtn__6dDcV.TrackActionSheet_liked__irEww:hover{background:var(--xecho-blue-500-alpha-20)}@media (min-width:768px){.TrackActionSheet_backdrop__jwsjU{align-items:center}.TrackActionSheet_sheet__h_GBY{max-width:380px;border-radius:var(--radius-xl);border-bottom:1px solid var(--xecho-border-accent);animation:TrackActionSheet_scaleIn__xLqgz .25s var(--ease-material)}@keyframes TrackActionSheet_scaleIn__xLqgz{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.TrackActionSheet_dragIndicator__otPHo{display:none}.TrackActionSheet_actions__AVUXo{grid-template-columns:repeat(3,1fr);gap:var(--space-2-5)}.TrackActionSheet_actionBtn__6dDcV{padding:var(--space-5) var(--space-3-5)}.TrackActionSheet_actionBtn__6dDcV span{font-size:var(--text-xs)}}@media (max-width:380px){.TrackActionSheet_sheet__h_GBY{padding:var(--space-3) var(--space-4) var(--space-7)}.TrackActionSheet_actions__AVUXo{grid-template-columns:repeat(2,1fr)}.TrackActionSheet_trackImage__ckFV8{width:56px;height:56px}.TrackActionSheet_trackTitle__w7BZ_{font-size:var(--text-base)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.TrackActionSheet_sheet__h_GBY{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}}@media (min-width:1920px){.TrackActionSheet_sheet__h_GBY{max-width:420px;padding:var(--space-4) var(--space-6) var(--space-8)}.TrackActionSheet_trackImage__ckFV8{width:72px;height:72px}.TrackActionSheet_trackTitle__w7BZ_{font-size:var(--text-lg)}.TrackActionSheet_trackArtist__wDDaq{font-size:var(--text-base)}.TrackActionSheet_actionBtn__6dDcV{padding:var(--space-5) var(--space-4);gap:var(--space-3)}.TrackActionSheet_actionBtn__6dDcV span{font-size:var(--text-sm)}}@media (min-width:2560px){.TrackActionSheet_sheet__h_GBY{max-width:480px;padding:var(--space-5) var(--space-8) var(--space-10);border-radius:6px}.TrackActionSheet_trackHeader__RKJPj{gap:var(--space-5);padding-bottom:var(--space-6);margin-bottom:var(--space-5)}.TrackActionSheet_trackImage__ckFV8{width:84px;height:84px;border-radius:var(--radius-lg)}.TrackActionSheet_trackTitle__w7BZ_{font-size:var(--text-xl)}.TrackActionSheet_trackArtist__wDDaq{font-size:var(--text-lg)}.TrackActionSheet_closeBtn__Abls9{width:42px;height:42px}.TrackActionSheet_actions__AVUXo{gap:var(--space-3)}.TrackActionSheet_actionBtn__6dDcV{padding:var(--space-6) var(--space-5);gap:var(--space-3);border-radius:var(--radius-xl)}.TrackActionSheet_actionBtn__6dDcV span{font-size:var(--text-base)}}@media (min-width:3440px){.TrackActionSheet_sheet__h_GBY{max-width:560px;padding:var(--space-6) var(--space-10) var(--space-12)}.TrackActionSheet_trackHeader__RKJPj{gap:var(--space-6);padding-bottom:var(--space-8);margin-bottom:var(--space-6)}.TrackActionSheet_trackImage__ckFV8{width:100px;height:100px}.TrackActionSheet_trackTitle__w7BZ_{font-size:var(--text-2xl)}.TrackActionSheet_trackArtist__wDDaq{font-size:var(--text-xl)}.TrackActionSheet_closeBtn__Abls9{width:48px;height:48px}.TrackActionSheet_actions__AVUXo{gap:var(--space-4)}.TrackActionSheet_actionBtn__6dDcV{padding:var(--space-8) var(--space-6);gap:var(--space-4)}.TrackActionSheet_actionBtn__6dDcV span{font-size:var(--text-lg)}}@media (min-width:5120px){.TrackActionSheet_sheet__h_GBY{max-width:680px;padding:var(--space-8) var(--space-12) var(--space-16);border-radius:6px}.TrackActionSheet_trackHeader__RKJPj{gap:var(--space-8);padding-bottom:var(--space-10);margin-bottom:var(--space-8)}.TrackActionSheet_trackImage__ckFV8{width:120px;height:120px;border-radius:var(--radius-xl)}.TrackActionSheet_trackTitle__w7BZ_{font-size:1.75rem;margin-bottom:var(--space-2)}.TrackActionSheet_trackArtist__wDDaq{font-size:var(--text-2xl)}.TrackActionSheet_closeBtn__Abls9{width:56px;height:56px}.TrackActionSheet_actions__AVUXo{gap:var(--space-5)}.TrackActionSheet_actionBtn__6dDcV{padding:var(--space-10) var(--space-8);gap:var(--space-5);border-radius:6px}.TrackActionSheet_actionBtn__6dDcV span{font-size:var(--text-xl)}}.TrackDropdownMenu_dropdown__YTtAS{position:absolute;min-width:180px;max-width:calc(100vw - 20px);overflow:hidden;background:linear-gradient(145deg,var(--xecho-bg-primary) 0,var(--xecho-bg-secondary) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--xecho-border-accent);border-radius:var(--radius-md);box-shadow:0 12px 40px var(--xecho-shadow-heavy),0 0 1px var(--xecho-glow-accent-subtle) inset;padding:var(--space-1-5);z-index:var(--xecho-z-dropdown);animation:TrackDropdownMenu_dropIn__o1UuY .15s var(--ease-out)}@keyframes TrackDropdownMenu_dropIn__o1UuY{0%{opacity:0;transform:translateY(var(--space-2)) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.TrackDropdownMenu_dropdown__YTtAS button{width:100%;display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast);text-align:left}.TrackDropdownMenu_dropdown__YTtAS button:hover{background:var(--xecho-hover-accent-subtle);color:var(--text-accent)}.TrackDropdownMenu_dropdown__YTtAS button svg{color:var(--text-accent);opacity:.7;flex-shrink:0}.TrackDropdownMenu_dropdown__YTtAS button:hover svg{color:var(--text-accent);opacity:1}@media (min-width:1920px){.TrackDropdownMenu_dropdown__YTtAS{min-width:200px;padding:var(--space-2)}.TrackDropdownMenu_dropdown__YTtAS button{padding:var(--space-3) var(--space-4);font-size:var(--text-base);gap:var(--space-3)}}@media (min-width:2560px){.TrackDropdownMenu_dropdown__YTtAS{min-width:220px;padding:var(--space-2-5);border-radius:var(--radius-lg)}.TrackDropdownMenu_dropdown__YTtAS button{padding:var(--space-3-5) var(--space-5);font-size:var(--text-lg);gap:var(--space-4);border-radius:var(--radius-md)}}@media (min-width:3440px){.TrackDropdownMenu_dropdown__YTtAS{min-width:260px;padding:var(--space-3);border-radius:var(--radius-xl)}.TrackDropdownMenu_dropdown__YTtAS button{padding:var(--space-4) var(--space-6);font-size:var(--text-xl);gap:var(--space-5);border-radius:var(--radius-md)}}@media (min-width:5120px){.TrackDropdownMenu_dropdown__YTtAS{min-width:320px;padding:var(--space-4);border-radius:6px}.TrackDropdownMenu_dropdown__YTtAS button{padding:var(--space-5) var(--space-8);font-size:var(--text-2xl);gap:var(--space-6);border-radius:var(--radius-lg)}.TrackDropdownMenu_dropdown__YTtAS button svg{width:24px;height:24px}}