*,*:before,*:after{box-sizing:border-box}:root{--app-bg: #1e1d20;--app-text: #e5e5e5;--menu-text: #e5e5e5;--menu-muted: #b7b7b7;--panel-bg: #262529;--sidebar-background: #1e1d20;--panel-border: #333239;--panel-hover: #333239;--surface-strong: #1a1a1a;--tracklane-button-box: #1b1b1b;--waveform-background: #111111;--surface-subtle: rgba(255, 255, 255, .02);--surface-border: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .08);--surface-active: rgba(255, 255, 255, .12);--header-bg: #242424;--header-border: #343239;--footer-bg: #242424;--footer-border: #333239;--section-text: #e5e5e5;--maincontent-bg: #1e1d20;--divider-strong: rgba(255, 255, 255, .06);--timeline-bg: rgba(0, 0, 0, .2);--divider: rgba(255, 255, 255, .05);--muted-text: #999;--track-text: #c0bfbf;--button-border: rgba(255, 255, 255, .06);--danger-bg: rgba(220, 53, 69, .15);--danger-border: rgba(220, 53, 69, .3);--danger-hover: rgb(224, 69, 85);--danger-border-strong: rgba(220, 53, 69, .5);--danger-strong: #ff6b6b;--danger-strong-hover: rgba(220, 53, 69, .2);--drop-outline: rgba(23, 225, 255, .35);--drop-bg: rgba(23, 225, 255, .15);--drop-border: rgba(23, 225, 255, .8);--drop-text: #17e1ff;--context-bg: #1f1f1f;--context-border: rgba(255, 255, 255, .08);--context-shadow: 0 12px 30px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .02);--context-hover: rgba(255, 255, 255, .08);--context-divider: rgba(255, 255, 255, .06);--divider-vertical: #000;--timeline-ruler-bg: #151515;--timeline-ruler-border: rgba(255, 255, 255, .12);--timeline-ruler-shadow: 0 2px 6px rgba(0, 0, 0, .35);--timeline-tick-color: rgba(239, 233, 233, .6);--timeline-pre-line: rgba(233, 224, 224, .5);--timeline-pre-fill: rgba(25, 25, 25, .9);--timeline-ruler-height: 32px;--timeline-ruler-gap: 12px;--timeline-scrub-indicator-size: 12px;--playhead-color: #ff5a5a;--playhead-line-width: 1px;--playhead-indicator-offset: 0px;--zoom-bg: rgba(0, 0, 0, .7);--zoom-border: rgba(255, 255, 255, .12);--zoom-btn-bg: rgba(255, 255, 255, .08);--zoom-btn-border: rgba(255, 255, 255, .15);--zoom-btn-hover: rgba(255, 255, 255, .15);--zoom-text: #eee;--zoom-label: #ddd;--follow-bg: rgba(255, 255, 255, .04);--follow-border: rgba(255, 255, 255, .12);--follow-text: #e6e6e6;--track-separator: rgba(255, 255, 255, .05);--empty-text: rgba(255, 255, 255, .8);--scrollbar-track: rgba(0, 0, 0, .1);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--sidebar-panel-bg: #0f0f0f;--sidebar-panel-surface: #2a2a2a;--sidebar-panel-border: #343239;--sidebar-panel-hover: #333;--sidebar-panel-text: #ffffff;--sidebar-panel-muted: #888;--import-btn-bg: #3a3a3c;--import-btn-color: #ffffff;--import-btn-border: #3a3a3c;--import-btn-hover-bg: #4a4a4c;--import-btn-shadow: 0 2px 8px rgba(0, 0, 0, .3);--sidebar-cta-bg: #172528;--sidebar-cta-border: #23393d;--sidebar-cta-hover: #1e3135;--sidebar-cta-text: #17e1ff;--sidebar-tab-bg: #193338;--sidebar-tab-text: #17e1ff;--sidebar-tab-active-bg: #17e1ff;--sidebar-tab-active-text: #193338;--effect-card-bg: #1e1d20;--effect-card-border: #333239;--effect-card-text: #e5e5e5;--effect-card-muted: #888;--effect-card-value: #aaa;--effect-btn-bg: #172528;--effect-btn-hover: #1e3034;--effect-btn-text: #17e1ff;--master-toggle-bg: #262529;--master-toggle-hover: #2a2a2a;--master-toggle-text: #e5e5e5;--effects-overlay-bg: transparent;--effects-menu-bg: rgba(29, 29, 30, .95);--effects-menu-border: #0fb1c9;--effects-menu-header-border: #333239;--effects-menu-text: #e5e5e5;--effects-menu-subtext: #9c9c9c;--effects-card-bg: #1e1d20;--effects-card-border: #333239;--effects-card-name: #e5e5e5;--effects-card-desc: #888;--effects-scroll-track: #1e1d20;--effects-scroll-thumb: #333239;--effects-scroll-thumb-hover: #5c5b62;--effects-cancel-bg: #2a2a2a;--effects-cancel-border: #333239;--effects-cancel-text: #888;--effects-cancel-hover-bg: #333239;--effects-cancel-hover-text: #e5e5e5;--close-effect-bg: #1e1d20;--close-effect-border: #333239;--close-effect-hover: #dd4b4b;--close-effect-icon: #e5e5e5;--close-effect-hover-icon: #ffffff;--project-item-bg: #2b2b2b;--project-item-border: #3a3a3a;--project-item-text: #ffffff;--project-item-hover-bg: #3a6067;--project-item-hover-border: #00e5ff;--project-active-bg: #2f3f42;--project-active-border: #00e5ff;--project-delete-hover: #ff4444;--rec-pill-bg: #2f2e34;--rec-pill-border: #3a393f;--rec-pill-text: #e5e5e5;--rec-pill-hover: #3a3a40;--rec-pill-active-bg: #d45252;--rec-pill-active-text: #ffffff;--rec-indicator: #d45252;--rec-indicator-active: #ffffff;--rec-indicator-border: transparent;--rec-pill-disabled: #3a3a3a;--rec-pill-disabled-text: #888;--transport-btn-bg: #343338;--transport-btn-hover: #3f3f46;--transport-btn-active: #d6d6d6;--transport-btn-icon: #e5e5e5;--transport-time-color: #e5e5e5;--transport-shadow: 0 4px 10px rgba(0, 0, 0, .25);--eq-panel-bg: #1e1d20;--eq-panel-border: #333239;--eq-header-bg: linear-gradient(180deg, #252428 0%, #1e1d20 100%);--eq-curve-bg: #0f0f0f;--eq-divider: #333239;--eq-text: #e5e5e5;--eq-muted: #888;--eq-strong: #00e5ff;--eq-knob: linear-gradient(180deg, #e5e5e5 0%, #b0b0b0 100%);--eq-knob-border: #888;--eq-scroll-track: #1e1d20;--eq-scroll-thumb: #333239;--eq-scroll-thumb-hover: #5c5b62;--eq-select-bg: #2a2a2a;--eq-select-border: #3a3a3a;--eq-select-hover: #4a4a4a;--eq-select-text: #e5e5e5;--eq-select-option-bg: #2a2a2a;--eq-select-option-text: #e5e5e5;--eq-reset-bg: #172528;--eq-reset-hover: #1e3034;--eq-reset-text: #17e1ff;--eq-footer-bg: #1a191c;--sampler-panel-bg: var(--eq-panel-bg);--sampler-panel-border: var(--eq-panel-border);--sampler-header-bg: var(--eq-header-bg);--sampler-divider: var(--eq-divider);--sampler-footer-bg: var(--eq-footer-bg);--sampler-strong: var(--eq-strong);--sampler-muted: var(--eq-muted);--sampler-muted-darker: #666;--sampler-text-hover: #aaa;--sampler-curve-bg: #0f0f0f;--sampler-select-bg: #1a1a1a;--sampler-button-select-bg: var(--eq-select-bg);--sampler-select-border: #3a3a3a;--sampler-select-hover: #4a4a4a;--sampler-reset-bg: #172528;--sampler-reset-hover: #1e3034;--sampler-reset-text: #17e1ff;--sampler-discard-bg: #2a2020;--sampler-discard-text: #e74c3c;--sampler-discard-hover: #3a2525;--sampler-save-bg: var(--sampler-reset-bg);--sampler-save-hover: var(--sampler-reset-hover);--sampler-save-text: var(--sampler-reset-text);--sampler-button-bg: linear-gradient(145deg, #2a2a2a 0%, #1e1e1e 100%);--sampler-button-bg-hover: linear-gradient(145deg, #333 0%, #252525 100%);--sampler-active-bg: linear-gradient(145deg, #17e1ff 0%, #0fb8d4 100%);--sampler-active-shadow: rgba(23, 225, 255, .4);--sampler-danger-strong: #e74c3c;--sampler-record-hover-bg: #3a2a2a;--sampler-record-icon: #e74c3c;--sampler-record-text-active: #e74c3c;--sampler-record-icon-active: #fff;--sampler-white-key-bg: linear-gradient( 180deg, #f5f5f5 0%, #e0e0e0 90%, #ccc 100% );--sampler-white-key-hover: linear-gradient( 180deg, #fff 0%, #f0f0f0 90%, #ddd 100% );--sampler-black-key-bg: linear-gradient( 180deg, #333 0%, #1a1a1a 90%, #000 100% );--sampler-black-key-hover: linear-gradient( 180deg, #444 0%, #2a2a2a 90%, #111 100% );--sampler-black-key-active: linear-gradient( 180deg, #11a1b7 0%, #0d8a9e 90%, #096b7a 100% );--sampler-loading-overlay-bg: rgba(30, 29, 32, .9);--mute-btn-bg: #272727;--mute-btn-hover: #303030;--mute-btn-active-bg: #17e1ff;--mute-btn-color: #dddddd;--mute-btn-active-color: #000;--main-content-background: #1e1d20;--songname-color: rgb(209, 209, 209);--segment-overlay: rgba(0, 0, 0, .75);--segment-name: #ffffff;--side-bar-hover: #1e3c43;--header-background: #262529;--trash-color: rgb(209, 209, 209);--dropdown-icon: #e5e5e5;--main-content-background: rgb(28, 28, 28);--plus-sign: #17e1ff;--reset-all-button-enabled: #17e1ff;--select-audio-track: #ccc;--disabled-reset-bg: #2a2a2a;--disabled-reset-text: #666666;--reset-all-disabled-hover: #313131;--x-icon: white;--delete-all-bg: rgba(238, 32, 53, .15);--delete-all-bg-hover: rgba(220, 53, 69, .3);--slider-outline: #787879;--slider-background: #1a1a1a;--slider-default: #797f80;--disabled-button: #131313;--effects-scrollbar: #1e1d20;--effects-scrollbar-2: #333239}.theme-light{--effects-scrollbar: #e4e3e7;--effects-scrollbar-2: #d0d0d1;--disabled-button: #a5a2a2;--slider-default: #b9baba;--slider-background: #efefef;--slider-outline: #17e1ff;--delete-all-bg: rgb(249, 208, 212);--delete-all-bg-hover: rgb(246, 193, 198);--x-icon: black;--individual-reset-button-bg: #b4eaf2;--reset-light-mode: black;--reset-all-disabled-hover: #086d7c;--disabled-reset-bg: #09798a;--disabled-reset-text: #052224;--select-audio-track: black;--main-content-background: rgb(253, 255, 255);--dropdown-icon: #000000;--trash-color: #494952;--app-bg: #f4f6fb;--app-text: #1f1f2a;--menu-text: #1f1f2a;--menu-muted: #4c5565;--panel-bg: #ffffff;--panel-border: #dfe3ec;--panel-hover: #eef1f7;--sidebar-background: #ffffff;--surface-strong: #f7f9fc;--surface-subtle: rgba(0, 0, 0, .02);--surface-border: rgba(0, 0, 0, .06);--surface-hover: rgba(0, 0, 0, .05);--surface-active: rgba(0, 0, 0, .08);--header-bg: #f8f9fd;--header-border: #c9ccd1;--footer-bg: #f8f9fd;--footer-border: #c9ccd1;--section-text: #1f1f2a;--maincontent-bg: #ffffff;--divider-strong: rgba(0, 0, 0, .06);--timeline-bg: #ffffff;--divider: rgba(0, 0, 0, .06);--muted-text: #5c6270;--button-border: rgba(0, 0, 0, .08);--danger-bg: rgba(220, 53, 69, .12);--danger-border: rgba(220, 53, 69, .24);--danger-hover: rgb(213, 125, 133);--danger-border-strong: rgba(220, 53, 69, .32);--danger-strong: #d64545;--danger-strong-hover: rgba(220, 53, 69, .16);--drop-outline: rgba(46, 152, 255, .45);--drop-bg: rgba(46, 152, 255, .16);--drop-border: rgba(46, 152, 255, .75);--drop-text: #0f66c2;--context-bg: #ffffff;--context-border: rgba(0, 0, 0, .07);--context-shadow: 0 12px 30px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .02);--context-hover: rgba(0, 0, 0, .06);--context-divider: rgba(0, 0, 0, .06);--divider-vertical: #d5d9e2;--timeline-ruler-bg: #cff9ff;--timeline-ruler-border: rgba(0, 0, 0, .08);--timeline-ruler-shadow: 0 2px 6px rgba(0, 0, 0, .12);--timeline-tick-color: rgb(46, 46, 46);--timeline-pre-line: rgb(46, 46, 46);--timeline-pre-fill: linear-gradient( 90deg, rgba(234, 41, 41, .12), rgba(234, 41, 41, 0) );--timeline-ruler-height: 32px;--timeline-ruler-gap: 12px;--timeline-scrub-indicator-size: 12px;--playhead-color: #d64545;--playhead-line-width: 1px;--playhead-indicator-offset: 0px;--zoom-bg: rgba(255, 255, 255, .9);--zoom-border: rgba(0, 0, 0, .08);--zoom-btn-bg: rgba(0, 0, 0, .05);--zoom-btn-border: rgba(0, 0, 0, .08);--zoom-btn-hover: rgba(0, 0, 0, .08);--zoom-text: #1f1f2a;--zoom-label: #1f1f2a;--follow-bg: rgba(0, 0, 0, .04);--follow-border: rgba(0, 0, 0, .08);--follow-text: #1f1f2a;--track-separator: rgba(0, 0, 0, .06);--empty-text: rgba(0, 0, 0, .65);--scrollbar-track: rgba(0, 0, 0, .04);--scrollbar-thumb: rgba(0, 0, 0, .14);--scrollbar-thumb-hover: rgba(0, 0, 0, .22);--sidebar-panel-bg: #adeef8;--sidebar-panel-surface: #ffffff;--no-effects-text: black;--sidebar-panel-border: #79d3e1;--sidebar-panel-hover: #e2e9f5;--sidebar-panel-text: #1f1f2a;--sidebar-panel-muted: #5c6270;--import-btn-bg: #ffffff;--import-hover-border: #79d3e1;--import-btn-color: #1f1f2a;--import-btn-border: #b9b9b9;--import-btn-hover-bg: #79d3e1;--import-btn-shadow: 0 2px 6px rgba(0, 0, 0, .16);--sidebar-cta-bg: white;--sidebar-cta-border: #258c93;--sidebar-cta-hover: #aff3f8;--plus-sign: #258c93;--sidebar-cta-text: #258c93;--sidebar-tab-bg: #edeff1;--sidebar-tab-text: #1f1f2a;--sidebar-tab-active-bg: #69ebff;--sidebar-tab-active-text: #193338;--effect-card-bg: #ffffff;--effect-card-border: #5d5d5d;--effect-card-text: #1f1f2a;--effect-card-muted: #5c6270;--effect-card-value: #5c6270;--effect-btn-bg: #ffffff;--effect-btn-hover: #aff3f8;--effect-btn-text: #258c93;--master-toggle-bg: #ffffff;--master-toggle-hover: #aff3f8;--master-toggle-text: #1f1f2a;--effects-overlay-bg: transparent;--effects-menu-bg: #ffffff;--effects-menu-border: #dbe0ea;--effects-menu-header-border: #dbe0ea;--effects-menu-text: #1f1f2a;--effects-menu-subtext: #5c6270;--effects-card-bg: #f7f9fc;--effects-card-border: #dbe0ea;--effects-card-name: #1f1f2a;--effects-card-desc: #5c6270;--effects-scroll-track: #eef2f8;--effects-scroll-thumb: #c7d0df;--effects-scroll-thumb-hover: #a8b4c9;--effects-cancel-bg: #eef2f8;--effects-cancel-border: #dbe0ea;--effects-cancel-text: #5c6270;--effects-cancel-hover-bg: #e2e9f5;--effects-cancel-hover-text: #1f1f2a;--close-effect-bg: #ffffff;--close-effect-border: #ffffff;--close-effect-hover: #ff5c5c;--close-effect-icon: #1f1f2a;--close-effect-hover-icon: #ffffff;--project-item-bg: #f2f5fa;--project-item-border: #dbe0ea;--project-item-text: #1f1f2a;--project-item-hover-bg: #9aeffd;--project-item-hover-border: #53e1f7;--project-active-bg: #53e1f7;--project-active-border: #17e1ff;--project-delete-hover: #ff8a8a;--rec-pill-bg: #dcdddd;--rec-pill-border: #dbe0ea;--rec-pill-text: #1f1f2a;--rec-pill-hover: #e2e7f0;--rec-pill-active-bg: #d45252;--rec-pill-active-text: #ffffff;--rec-indicator: #d45252;--rec-indicator-active: #ffffff;--rec-indicator-border: transparent;--rec-pill-disabled: #dfe3ec;--rec-pill-disabled-text: #96a0b1;--transport-btn-bg: #e3e7f0;--transport-btn-hover: #d5dbe7;--transport-btn-active: #c5ccda;--transport-btn-icon: #1f1f2a;--transport-time-color: #1f1f2a;--transport-shadow: 0 4px 12px rgba(0, 0, 0, .12);--eq-panel-bg: #ffffff;--eq-panel-border: #dbe0ea;--eq-header-bg: linear-gradient(180deg, #eef2f8 0%, #ffffff 100%);--eq-curve-bg: #f4f6fb;--eq-divider: #dbe0ea;--eq-text: #1f1f2a;--eq-muted: #5c6270;--eq-strong: #00e5ff;--eq-knob: linear-gradient(180deg, #f7f7f8 0%, #d1d5dc 100%);--eq-knob-border: #aeb4c0;--eq-scroll-track: #eef2f8;--eq-scroll-thumb: #c7d0df;--eq-scroll-thumb-hover: #a8b4c9;--eq-select-bg: #eef2f8;--eq-select-border: #dbe0ea;--eq-select-hover: #e2e9f5;--eq-select-text: #1f1f2a;--eq-select-option-bg: #ffffff;--eq-select-option-text: #1f1f2a;--eq-reset-bg: #eef2f8;--eq-reset-hover: #e2e9f5;--eq-reset-text: #00e5ff;--eq-footer-bg: #f1f4f9;--sampler-panel-bg: #ffffff;--sampler-panel-border: #dcdcdc;--sampler-header-bg: linear-gradient(180deg, #f5f5f5 0%, #ffffff 100%);--sampler-divider: #dcdcdc;--sampler-footer-bg: #f4f4f4;--sampler-strong: #00e5ff;--sampler-muted: #555;--sampler-muted-darker: #96a0b1;--sampler-text-hover: #1f1f2a;--sampler-curve-bg: #f4f6fb;--sampler-select-bg: #eef2f8;--sampler-select-border: #d0d0d0;--sampler-select-hover: #c0c0c0;--sampler-reset-bg: #f5f5f5;--sampler-reset-hover: #e0e0e0;--sampler-reset-text: #2979ff;--sampler-discard-bg: #f5f5f5;--sampler-discard-text: #c0392b;--sampler-discard-hover: #e0e0e0;--sampler-save-bg: #f5f5f5;--sampler-save-hover: #e0e0e0;--sampler-save-text: #2979ff;--sampler-button-bg: #f5f5f5;--sampler-button-bg-hover: #e0e0e0;--sampler-active-bg: #00b9d4;--sampler-active-shadow: rgba(0, 0, 0, .2);--sampler-danger-strong: #d45252;--sampler-record-hover-bg: #e2e9f5;--sampler-record-icon: #d45252;--sampler-record-text-active: #d45252;--sampler-record-icon-active: #fff;--sampler-white-key-bg: linear-gradient( 180deg, #f5f5f5 0%, #e0e0e0 90%, #ccc 100% );--sampler-white-key-hover: linear-gradient( 180deg, #fff 0%, #f0f0f0 90%, #ddd 100% );--sampler-black-key-bg: linear-gradient( 180deg, #333 0%, #1a1a1a 90%, #000 100% );--sampler-black-key-hover: linear-gradient( 180deg, #444 0%, #2a2a2a 90%, #111 100% );--sampler-black-key-active: linear-gradient( 180deg, #11a1b7 0%, #0d8a9e 90%, #096b7a 100% );--sampler-loading-overlay-bg: rgba(255, 255, 255, .9);--sampler-button-select-bg: var(--eq-select-bg);--mute-btn-bg: #79d3e1;--mute-btn-active-bg: #258c93;--mute-btn-active-color: #ffffff;--songname-color: rgb(0, 0, 0);--tracklane-button-box: #adeef8;--tracklane-waveform-background: rgb(255, 255, 255);--waveform-background: #e1fbff;--segment-overlay: rgba(213, 213, 213, .75);--segment-name: black;--mute-btn-hover: #41c4d8;--side-bar-hover: #b4faff;--header-background: white;--mute-btn-color: black;--track-text: black;--reset-all-button-border: #258c93;--reset-all-button-enabled: #258c93}html,body{font-family:Roboto}body{background-color:var(--app-bg);color:var(--app-text);margin:0}.record-pulse{position:relative;display:inline-grid;place-items:center}.record-pulse:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#fff0 0% 44%,#ffffff59 55%,#fff0 80%);transform:scale(.96);animation:recordInner 1.3s ease-in-out infinite;pointer-events:none}.record-pulse:after{content:"";position:absolute;width:28px;height:28px;border-radius:50%;box-shadow:0 0 #ffffff38;animation:recordOuter 1.3s ease-in-out infinite;pointer-events:none}@keyframes recordInner{0%{transform:scale(.96);opacity:.9}70%{transform:scale(1.04);opacity:.3}to{transform:scale(.96);opacity:.6}}@keyframes recordOuter{0%{box-shadow:0 0 #ffffff38;opacity:1}70%{box-shadow:0 0 0 8px #fff0;opacity:.55}to{box-shadow:0 0 #fff0;opacity:.35}}#root{margin:0 auto;text-align:center}body,html,#root{margin:0;padding:0;height:100%;font-family:sans-serif;overflow:hidden}.header{position:relative;z-index:9999;overflow:visible;border-bottom:2px solid var(--header-border);background-color:var(--header-background)}.app-container{height:100vh;display:grid;grid-template-rows:40px minmax(0,1fr) 40px}.footer{background-color:var(--footer-bg);z-index:1}.section{padding:10px;box-sizing:border-box;color:var(--section-text)}.footer{display:flex;align-items:center;padding:0 10px;height:100%;box-sizing:border-box}.main-content-area{display:grid;grid-template-columns:var(--sidebar-width) var(--sidebar-toggle-width, 14px) minmax(0,1fr);height:100%;position:relative;z-index:1;min-height:0;overflow:hidden}.divider{cursor:pointer;width:var(--sidebar-toggle-width, 14px);min-width:var(--sidebar-toggle-width, 14px);background-color:var(--divider-vertical);height:100%;border:none;padding:0;display:flex;align-items:center;justify-content:center;color:var(--divider-toggle-color, #17e1ff);font-size:16px;font-weight:600;font-family:inherit;transition:background-color .2s ease,color .2s ease}.divider span{pointer-events:none;line-height:1}.divider:hover{color:var(--divider-toggle-hover, #a8f6ff);background-color:var(--divider-vertical-hover, rgba(23, 225, 255, .2))}.divider:focus-visible{outline:2px solid var(--focus-outline, #17e1ff);outline-offset:-2px}.divider[data-collapsed=true]{cursor:pointer}.sidebar-container{overflow-y:auto}.playback-container{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;box-sizing:border-box;position:relative;gap:40px;padding-left:20px}.transport-time-container{display:flex;align-items:center;gap:20px;flex-shrink:0;margin-left:30%;overflow:visible}.transport-section{display:flex;align-items:center;gap:12px;overflow:visible}.transport-button svg{display:block;color:var(--transport-btn-icon, #e5e5e5)}.transport-button{background:var(--transport-btn-bg, #343338);border:1px solid var(--transport-btn-bg, #343338);padding:0;margin:0;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:28px;height:28px;border-radius:999px;box-shadow:var(--transport-shadow, 0 4px 10px rgba(0, 0, 0, .25));color:var(--transport-btn-icon, #e5e5e5)}.transport-button:hover{background:var(--transport-btn-hover, #3f3f46);transform:scale(1.05)}.transport-button:active{background:var(--transport-btn-active, #d6d6d6);color:var(--transport-btn-icon, #1f1f2a)}.transport-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.transport-button svg path,.transport-button svg polyline,.transport-button svg line,.transport-button svg rect,.transport-button svg circle{stroke:currentColor!important}.transport-button svg path[fill]:not([fill=none]),.transport-button svg rect[fill]:not([fill=none]),.transport-button svg circle[fill]:not([fill=none]){fill:currentColor!important}.play-pause-button{position:relative;overflow:hidden}.play-pause-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.play-icon,.pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.play-icon.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.play-icon.hidden{opacity:0;transform:translate(-50%,-50%) scale(.8)}.pause-icon.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.pause-icon.hidden{opacity:0;transform:translate(-50%,-50%) scale(.8)}.time-section{display:flex;align-items:center;justify-content:center}.time-display{font-size:12px;opacity:.95;min-width:80px;text-align:center;font-family:monospace;color:var(--transport-time-color, #e5e5e5)}.volume-section{display:flex;align-items:center;gap:8px;width:200px;flex-shrink:0}.volume-button{background:transparent;border:none;padding:0;margin:0;cursor:pointer;transition:opacity .2s ease;overflow:visible}.volume-button:hover{opacity:.8}.volume-button svg{display:block}.volume-slider-container{position:relative;width:150px;height:28px;display:flex;align-items:center;padding-left:20px;position:absolute;overflow:visible;margin-left:33px;transform:translateZ(0);will-change:transform}.volume-track{position:absolute;left:0;right:0;top:50%;height:10px;background:#cdf8ff;border-radius:100px;transform:translateY(-50%)}.volume-fill{position:absolute;left:0;top:50%;height:10px;background:#17e1ff;border-radius:100px;transform:translateY(-50%);pointer-events:none;transform:translateY(-50%) translateZ(0);will-change:width}.volume-knob-wrapper{position:absolute;top:50%;height:20px;width:20px;transform:translate(-50%,-50%);transition:transform .12s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:3;transform:translate(-50%,-50%) translateZ(0);will-change:transform}.volume-knob-wrapper.dragging{transform:translate(-50%,-50%) scale(1.05) translateZ(0);filter:drop-shadow(0 0 6px rgba(61,133,225,.4))}.volume-input{position:absolute;inset:0;width:100%;height:28px;opacity:0;cursor:pointer;z-index:4;touch-action:pan-y}.transport-button:disabled,.play-pause-button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.transport-button:disabled svg,.play-pause-button:disabled svg{opacity:.4}.transport-button:disabled:hover{background-color:transparent;transform:none}.export-button{background-color:#fff;color:#333;border:1px solid #ccc;padding:8px 16px;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s,box-shadow .2s}.export-button:hover:not(:disabled){background-color:#f0f0f0;box-shadow:0 2px 4px #0000001a}.export-button:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.6}.modal-backdrop{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#333;padding:20px;border-radius:8px;min-width:400px;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative}.modal-close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:#333;line-height:20px;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{color:#666}.dropdown-item-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.dropdown-item-disabled:hover{background-color:transparent!important}._equalizerPanel_i7sbf_7{position:fixed;z-index:10000;width:380px;background:var(--eq-panel-bg, #1e1d20);border:2px solid var(--eq-panel-border, #333239);border-radius:10px;box-shadow:0 8px 32px #00000080,0 0 0 1px #17e1ff1a;-webkit-user-select:none;user-select:none;overflow:hidden}._equalizerPanel_i7sbf_7._dragging_i7sbf_37{cursor:grabbing;box-shadow:0 12px 48px #0009,0 0 0 1px #17e1ff33}._header_i7sbf_53{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var( --eq-header-bg, linear-gradient(180deg, #252428 0%, #1e1d20 100%) );border-bottom:1px solid var(--eq-divider, #333239);cursor:grab}._equalizerPanel_i7sbf_7._dragging_i7sbf_37 ._header_i7sbf_53{cursor:grabbing}._dragHandle_i7sbf_89{color:#555;font-size:14px;letter-spacing:2px;cursor:grab}._equalizerPanel_i7sbf_7._dragging_i7sbf_37 ._dragHandle_i7sbf_89{cursor:grabbing}._title_i7sbf_113{margin:0;font-size:14px;font-weight:600;color:var(--eq-strong, #00e5ff);letter-spacing:.5px;flex-shrink:0}._closeButton_i7sbf_133{width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--eq-muted, #888);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}._closeButton_i7sbf_133:hover{background:#dd4b4b;color:#fff}._curveContainer_i7sbf_175{position:relative;padding:8px 12px;background:var(--eq-curve-bg, #0f0f0f);border-bottom:1px solid var(--eq-divider, #333239)}._frequencyResponseSvg_i7sbf_191{width:100%;height:70px;display:block}._dbLabels_i7sbf_205{position:absolute;right:16px;top:8px;bottom:8px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:var(--eq-muted, #555);pointer-events:none}._eqControls_i7sbf_233{padding:16px 12px;cursor:default;color:var(--eq-text, #e5e5e5)}._bandsContainer_i7sbf_247{display:flex;justify-content:space-between;gap:4px}._bandColumn_i7sbf_261{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}._bandValue_i7sbf_279{font-size:10px;font-family:monospace;color:var(--eq-muted, #888);min-width:32px;text-align:center;height:14px}._bandLabel_i7sbf_299{font-size:10px;color:var(--eq-muted, #666);font-weight:500}._verticalSliderContainer_i7sbf_313{width:24px;height:100px;display:flex;justify-content:center;cursor:pointer}._verticalSliderTrack_i7sbf_331{position:relative;width:6px;height:100%;background:var(--eq-divider, #1a1a1a);border-radius:3px;outline:1px solid var(--eq-divider, #444)}._centerLine_i7sbf_351{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--eq-muted, #555);transform:translateY(-50%)}._verticalSliderFill_i7sbf_373{position:absolute;left:0;right:0;background:var(--eq-muted, #797f80);border-radius:3px}._verticalSliderFill_i7sbf_373._changed_i7sbf_391{background:var(--eq-strong, #11a1b7)}._verticalSliderContainer_i7sbf_313._dragging_i7sbf_37 ._verticalSliderFill_i7sbf_373._changed_i7sbf_391{background:var(--eq-strong, #17e1ff)}._verticalSliderKnob_i7sbf_411{position:absolute;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--eq-knob, linear-gradient(180deg, #e5e5e5 0%, #b0b0b0 100%));border:2px solid var(--eq-knob-border, #888);border-radius:2px;box-shadow:0 1px 3px #0006}._verticalSliderKnob_i7sbf_411._knobDragging_i7sbf_437{transform:translate(-50%) scale(1.1);box-shadow:0 2px 8px #17e1ff66;border-color:#17e1ff}._footer_i7sbf_451{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--eq-footer-bg, #1a191c);border-top:1px solid var(--eq-divider, #333239)}._presetSection_i7sbf_471{display:flex;align-items:center;gap:8px}._presetLabel_i7sbf_483{font-size:12px;color:var(--eq-muted, #888)}._presetSelect_i7sbf_495{background:var(--eq-select-bg, #2a2a2a);border:1px solid var(--eq-select-border, #3a3a3a);border-radius:4px;color:var(--eq-select-text, #e5e5e5);font-size:12px;padding:4px 8px;cursor:pointer;outline:none;min-width:100px}._presetSelect_i7sbf_495:hover{border-color:var(--eq-select-hover, #4a4a4a)}._presetSelect_i7sbf_495:focus{border-color:#17e1ff}._presetSelect_i7sbf_495 option{background:var(--eq-select-option-bg, #2a2a2a);color:var(--eq-select-option-text, #e5e5e5)}._resetButton_i7sbf_547{padding:6px 14px;font-size:12px;background:var(--eq-reset-bg, #172528);color:var(--eq-reset-text, #17e1ff);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}._resetButton_i7sbf_547:hover:not(._resetButtonDisabled_i7sbf_571){background:var(--eq-reset-hover, #1e3034)}._resetButtonDisabled_i7sbf_571{background:#1a1a1a!important;color:#4a4a4a!important;cursor:not-allowed!important;opacity:.5}._equalizerPanel_i7sbf_7 ::-webkit-scrollbar{width:6px}._equalizerPanel_i7sbf_7 ::-webkit-scrollbar-track{background:var(--eq-scroll-track, #1e1d20)}._equalizerPanel_i7sbf_7 ::-webkit-scrollbar-thumb{background:var(--eq-scroll-thumb, #333239);border-radius:3px}._equalizerPanel_i7sbf_7 ::-webkit-scrollbar-thumb:hover{background:var(--eq-scroll-thumb-hover, #5c5b62)}._titleSection_i7sbf_633{display:flex;align-items:center;gap:10px}._trackName_i7sbf_647{font-size:11px;color:#888;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._samplerPanel_137hk_7{position:fixed;z-index:10000;width:520px;background:var(--sampler-panel-bg, #1e1d20);border:2px solid var(--sampler-panel-border, #333239);border-radius:10px;box-shadow:0 8px 32px #00000080,0 0 0 1px #17e1ff1a;-webkit-user-select:none;user-select:none;overflow:hidden}._samplerPanel_137hk_7._dragging_137hk_37{cursor:grabbing;box-shadow:0 12px 48px #0009,0 0 0 1px #17e1ff33}._header_137hk_53{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var( --sampler-header-bg, linear-gradient(180deg, #252428 0%, #1e1d20 100%) );border-bottom:1px solid var(--sampler-divider, #333239);cursor:grab}._samplerPanel_137hk_7._dragging_137hk_37 ._header_137hk_53{cursor:grabbing}._titleSection_137hk_89{display:flex;align-items:center;gap:12px}._title_137hk_89{margin:0;font-size:14px;font-weight:600;color:var(--sampler-strong, #00e5ff);letter-spacing:.5px;flex-shrink:0}._closeButton_137hk_121{width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--sampler-muted, #888);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}._closeButton_137hk_121:hover{background:var(--sampler-danger-hover-bg, #dd4b4b);color:var(--sampler-danger-hover-text, #fff)}._instrumentSelector_137hk_163{display:flex;gap:8px;padding:12px;background:var(--sampler-footer-bg, #1a191c);border-bottom:1px solid var(--sampler-divider, #333239)}._instrumentButton_137hk_179{flex:1;padding:10px 16px;background:var(--sampler-button-select-bg, #2a2a2a);border:1px solid var(--sampler-select-border, #3a3a3a);border-radius:6px;color:var(--sampler-muted, #888);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}._instrumentButton_137hk_179:hover{border-color:var(--sampler-select-hover, #4a4a4a);color:var(--sampler-text-hover, #aaa)}._instrumentButton_137hk_179._active_137hk_223{background:var(--sampler-reset-bg, #172528);border-color:var(--sampler-strong, #17e1ff);color:var(--sampler-strong, #17e1ff)}._keyboardContainer_137hk_237{padding:16px 12px;background:var(--sampler-curve-bg, #0f0f0f);cursor:default}._pianoKeyboard_137hk_251{display:flex;position:relative;height:140px;background:var(--sampler-select-bg, #1a1a1a);border-radius:6px;padding:8px;gap:2px}._pianoKey_137hk_251{position:relative;flex:1;background:var( --sampler-white-key-bg, linear-gradient(180deg, #f5f5f5 0%, #e0e0e0 90%, #ccc 100%) );border:1px solid var(--sampler-white-key-border, #999);border-radius:0 0 4px 4px;cursor:pointer;transition:all .1s ease;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:8px}._pianoKey_137hk_251:hover{background:var( --sampler-white-key-hover, linear-gradient(180deg, #fff 0%, #f0f0f0 90%, #ddd 100%) )}._pianoKey_137hk_251._active_137hk_223{background:var( --sampler-active-key-bg, linear-gradient(180deg, #17e1ff 0%, #0fb8d4 90%, #0a9ab3 100%) );transform:translateY(2px);box-shadow:0 2px 8px var(--sampler-active-shadow, rgba(23, 225, 255, .4))}._pianoKey_137hk_251._black_137hk_343{position:absolute;width:28px;height:85px;background:var( --sampler-black-key-bg, linear-gradient(180deg, #333 0%, #1a1a1a 90%, #000 100%) );border:1px solid var(--sampler-black-key-border, #000);border-radius:0 0 3px 3px;z-index:1;margin-left:-14px}._pianoKey_137hk_251._black_137hk_343:hover{background:var( --sampler-black-key-hover, linear-gradient(180deg, #444 0%, #2a2a2a 90%, #111 100%) )}._pianoKey_137hk_251._black_137hk_343._active_137hk_223{background:var( --sampler-black-key-active, linear-gradient(180deg, #11a1b7 0%, #0d8a9e 90%, #096b7a 100%) );transform:translateY(2px)}._pianoKey_137hk_251._black_137hk_343 ._keyLabel_137hk_401{color:var(--sampler-muted-darker, #666)}._pianoKey_137hk_251._black_137hk_343 ._keyBinding_137hk_409{color:var(--sampler-muted, #888)}._keyLabel_137hk_401{font-size:10px;color:var(--sampler-muted-darker, #666);font-weight:500;margin-bottom:2px}._keyBinding_137hk_409{font-size:11px;color:var(--sampler-strong, #17e1ff);font-weight:600;background:#00080975;padding:2px 6px;border-radius:3px;text-transform:uppercase}._drumPadGrid_137hk_455{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;background:var(--sampler-select-bg, #1a1a1a);border-radius:6px}._drumPad_137hk_455{aspect-ratio:1;background:var( --sampler-button-bg, linear-gradient(145deg, #2a2a2a 0%, #1e1e1e 100%) );border:2px solid var(--sampler-select-border, #3a3a3a);border-radius:8px;cursor:pointer;transition:all .1s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:70px}._drumPad_137hk_455:hover{border-color:var(--sampler-select-hover, #4a4a4a);background:var( --sampler-button-bg-hover, linear-gradient(145deg, #333 0%, #252525 100%) )}._drumPad_137hk_455._active_137hk_223{background:var( --sampler-active-bg, linear-gradient(145deg, #17e1ff 0%, #0fb8d4 100%) );border-color:var(--sampler-strong, #17e1ff);transform:scale(.95);box-shadow:0 0 20px var(--sampler-active-shadow, rgba(23, 225, 255, .4))}._drumPad_137hk_455 ._padLabel_137hk_547{font-size:11px;color:var(--sampler-muted, #888);font-weight:500;text-transform:uppercase}._drumPad_137hk_455 ._keyBinding_137hk_409{font-size:12px;color:var(--sampler-strong, #17e1ff);font-weight:600;background:#17e1ff26;padding:3px 8px;border-radius:4px;text-transform:uppercase}._drumPad_137hk_455._active_137hk_223 ._padLabel_137hk_547,._drumPad_137hk_455._active_137hk_223 ._keyBinding_137hk_409{color:var(--sampler-panel-bg-darker, #1a1a1a)}._recordingControls_137hk_593{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--sampler-footer-bg, #1a191c);border-top:1px solid var(--sampler-divider, #333239)}._recordingStatus_137hk_611{display:flex;align-items:center;gap:10px}._recordButton_137hk_625{width:44px;height:44px;border-radius:50%;border:2px solid var(--sampler-select-border, #3a3a3a);background:var(--sampler-button-select-bg, #2a2a2a);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._recordButton_137hk_625:hover{border-color:var(--sampler-danger-strong, #e74c3c);background:var(--sampler-record-hover-bg, #3a2a2a)}._recordButton_137hk_625._recording_137hk_593{border-color:var(--sampler-danger-strong, #e74c3c);background:var(--sampler-danger-strong, #e74c3c);animation:_pulse_137hk_1 1s infinite}._recordButtonInner_137hk_673{width:16px;height:16px;border-radius:50%;background:var(--sampler-record-icon, #e74c3c);transition:all .2s ease}._recordButton_137hk_625._recording_137hk_593 ._recordButtonInner_137hk_673{width:14px;height:14px;border-radius:2px;background:var(--sampler-record-icon-active, #fff)}._recordingTime_137hk_705{font-family:monospace;font-size:14px;color:var(--sampler-muted, #888);min-width:60px}._recordingTime_137hk_705._active_137hk_223{color:var(--sampler-record-text-active, #e74c3c)}._recordingHint_137hk_727{font-size:11px;color:var(--sampler-muted-darker, #555)}._saveControls_137hk_739{display:flex;gap:8px}._saveButton_137hk_749{padding:8px 16px;font-size:12px;background:var(--sampler-save-bg, #172528);color:var(--sampler-save-text, #17e1ff);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}._saveButton_137hk_749:hover:not(:disabled){background:var(--sampler-save-hover, #1e3034)}._saveButton_137hk_749:disabled{background:var(--sampler-select-bg, #1a1a1a);color:var(--sampler-select-hover, #4a4a4a);cursor:not-allowed;opacity:.5}._discardButton_137hk_795{padding:8px 16px;font-size:12px;background:var(--sampler-discard-bg, #2a2020);color:var(--sampler-discard-text, #e74c3c);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}._discardButton_137hk_795:hover:not(:disabled){background:var(--sampler-discard-hover, #3a2525)}._discardButton_137hk_795:disabled{background:var(--sampler-select-bg, #1a1a1a);color:var(--sampler-select-hover, #4a4a4a);cursor:not-allowed;opacity:.5}._volumeSection_137hk_843{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--sampler-footer-bg, #1a191c);border-top:1px solid var(--sampler-divider, #333239)}._volumeLabel_137hk_861{font-size:11px;color:var(--sampler-muted-darker, #666);min-width:50px}._volumeSlider_137hk_873{flex:1;height:4px;background:var(--sampler-select-bg, #2a2a2a);border-radius:2px;appearance:none;cursor:pointer}._volumeSlider_137hk_873::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:var(--sampler-strong, #17e1ff);border-radius:50%;cursor:pointer;transition:transform .1s ease}._volumeSlider_137hk_873::-webkit-slider-thumb:hover{transform:scale(1.2)}._volumeValue_137hk_919{font-size:11px;font-family:monospace;color:var(--sampler-muted, #888);min-width:35px;text-align:right}._loadingOverlay_137hk_937{position:absolute;inset:0;background:var(--sampler-loading-overlay-bg, rgba(30, 29, 32, .9));display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}._loadingText_137hk_959{color:var(--sampler-strong, #17e1ff);font-size:13px;animation:_loadingPulse_137hk_1 1.5s infinite}._overlay_corv7_1{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100000}._modal_corv7_27{background:#1a1a1a;border-radius:8px;width:400px;max-width:90vw;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid #333;box-shadow:0 8px 32px #0006}._header_corv7_53{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #333}._header_corv7_53 h2{margin:0;font-size:18px;color:#fff}._closeButton_corv7_81{background:none;border:none;color:#888;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}._closeButton_corv7_81:hover{color:#fff;background:#333}._tabs_corv7_117{display:flex;border-bottom:1px solid #333}._tab_corv7_117{flex:1;padding:12px;background:none;border:none;color:#888;cursor:pointer;font-size:14px;transition:all .2s}._tab_corv7_117:hover{color:#fff;background:#222}._activeTab_corv7_159{color:#fff;background:#252525;border-bottom:2px solid #4a9eff}._content_corv7_171{padding:20px;overflow-y:auto;flex:1}._loginPrompt_corv7_183{text-align:center;color:#888;padding:40px 20px}._saveSection_corv7_195{display:flex;flex-direction:column;gap:16px}._inputGroup_corv7_207{display:flex;flex-direction:column;gap:8px}._inputGroup_corv7_207 label{font-size:13px;color:#888}._input_corv7_207{padding:10px 12px;background:#252525;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}._input_corv7_207:focus{border-color:#4a9eff}._buttonGroup_corv7_259{display:flex;gap:12px}._saveButton_corv7_269{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#4a9eff;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}._saveButton_corv7_269:hover:not(:disabled){background:#3a8eef}._saveButton_corv7_269:disabled{background:#333;color:#666;cursor:not-allowed}._quickSaveButton_corv7_321{padding:12px 16px;background:#333;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}._quickSaveButton_corv7_321:hover:not(:disabled){background:#444}._quickSaveButton_corv7_321:disabled{color:#666;cursor:not-allowed}._hint_corv7_361{font-size:12px;color:#666;margin:0}._loadSection_corv7_373{min-height:200px}._spinner_corv7_381{display:flex;justify-content:center;align-items:center;padding:40px}._emptyMessage_corv7_395{text-align:center;color:#666;padding:40px 20px}._savesList_corv7_407{display:flex;flex-direction:column;gap:8px}._saveItem_corv7_419{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#252525;border-radius:4px;cursor:pointer;transition:background .2s}._saveItem_corv7_419:hover{background:#303030}._saveInfo_corv7_449{display:flex;flex-direction:column;gap:4px;overflow:hidden}._saveName_corv7_463{text-align:left;margin-left:2px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._saveMeta_corv7_483{color:#666;font-size:12px}._saveActions_corv7_493{display:flex;gap:8px}._loadButton_corv7_503,._deleteButton_corv7_505{padding:8px;background:#333;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}._loadButton_corv7_503:hover{background:#4a9eff;color:#fff}._deleteButton_corv7_505:hover{background:#ff4a4a;color:#fff}._error_corv7_551{margin-top:12px;padding:10px 12px;background:#ff4a4a1a;border:1px solid rgba(255,74,74,.3);border-radius:4px;color:#ff6b6b;font-size:13px}.container{display:flex;align-items:flex-start;justify-content:space-between;width:100%;height:40px}.leftContainer{display:flex;align-items:flex-start;gap:13px}.webampText{color:#17e1ff;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;transform:translateY(7px);padding-left:10px}.FETS-container{display:flex;position:relative}.FETS-container svg{color:var(--menu-text)}.FETS-container svg path,.FETS-container svg polyline,.FETS-container svg line,.FETS-container svg rect,.FETS-container svg circle{stroke:currentColor!important}.FETS-container svg path[fill]:not([fill=none]),.FETS-container svg rect[fill]:not([fill=none]),.FETS-container svg circle[fill]:not([fill=none]){fill:currentColor!important}.dropdown-btn{background:var(--panel-bg);color:var(--menu-text);padding:5px 16px 6px;border:none;cursor:pointer;width:60px;height:38px;font-size:16px}.dropdown-btn:hover{background-color:var(--panel-hover)}.dropdown-btn-tools{background:var(--panel-bg);color:var(--menu-text);padding:5px 16px 6px;border:none;cursor:pointer;width:70px;height:38px;font-size:16px}.dropdown-btn-tools:hover{background-color:var(--panel-hover)}.dropdown-btn-settings{background:var(--panel-bg);color:var(--menu-text);padding:5px 16px 6px;border:none;cursor:pointer;width:90px;height:38px;font-size:16px}.dropdown-btn-settings:hover{background-color:var(--panel-hover)}.dropdown{position:relative;display:inline-block;z-index:9999;overflow:visible}.dropdown-content{position:absolute;background:var(--panel-bg);z-index:10000;border:2px solid var(--panel-border);border-radius:4px;box-shadow:0 4px 8px #0000004d;overflow:visible}.dropdown-content-file{width:200px;height:170px}.dropdown-content-edit{width:180px;height:182px}.dropdown-content-tools{width:160px;height:86px}.dropdown-content-settings{width:220px;height:auto}.dropdown-content a{color:var(--menu-text);padding:12px 16px;text-decoration:none;font-family:Roboto,sans-serif;font-weight:400;display:block;font-size:14px;cursor:pointer;background-color:var(--panel-bg)}.dropdown-content a:hover,.dropdown-btn.active,.dropdown-btn-tools.active,.dropdown-btn-settings.active{background-color:var(--panel-hover)}.dropdown-btn-guest{margin-right:10px;background:var(--panel-bg);color:var(--menu-text);padding:4px 8px;border:none;cursor:pointer;font-size:16px;display:flex;gap:8px;border-radius:4px}.dropdown-btn-guest:hover,.dropdown-btn-guest.active{background-color:var(--panel-hover)}.dropdown-content-guest{width:111px}.dropdown-item-disabled{color:var(--menu-muted);cursor:not-allowed;opacity:.65}.dropdown-item-with-submenu{position:relative;overflow:visible}.dropdown-item-with-arrow{display:flex;align-items:center;justify-content:space-between}.submenu-arrow{font-size:14px;opacity:.7}.dropdown-submenu{position:absolute;top:0;left:100%;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:4px;min-width:160px;box-shadow:0 8px 16px #00000040;padding:4px;display:flex;flex-direction:column;gap:4px}.submenu-item{background:transparent;border:none;color:var(--menu-text);text-align:left;padding:10px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:14px}.submenu-item:hover{background:var(--panel-hover)}.submenu-item.active{background:var(--panel-hover);font-weight:600}.submenu-check{margin-left:8px}.import-button{background-color:var(--import-btn-bg, #efefef);color:var(--import-btn-color, #333);border:1px solid var(--import-btn-border, #333239);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,box-shadow .2s;display:flex;align-items:center;gap:8px;margin:10px auto}.import-button:hover{background-color:var(--import-btn-hover-bg, #17e1ff);box-shadow:var(--import-btn-shadow, 0 2px 8px rgba(0, 0, 0, .3));border:1px solid var(--import-hover-border, #333239)}._spinner_iufu6_15{display:flex;justify-content:center;color:#fff}._container_iufu6_29{margin-top:3.5px;background-color:var(--sidebar-panel-bg, #0f0f0f);overflow:hidden;padding:12px;color:var(--sidebar-panel-text);height:100%;display:flex;flex-direction:column;border-radius:10px;border:2px solid var(--sidebar-panel-border, #333);box-shadow:0 10px 28px #00000040}._wrapper_iufu6_59{max-width:600px;margin:0 auto;width:100%;display:flex;flex-direction:column;flex:1;min-height:0}._searchBar_iufu6_89{background-color:var(--sidebar-panel-surface, #2a2a2a);border-radius:6px;padding:6px 10px;display:flex;align-items:center;gap:8px;margin-bottom:12px}._searchInput_iufu6_109{background-color:transparent;border:none;color:var(--sidebar-panel-text, #ffffff);font-size:13px;outline:none;width:100%}._searchInput_iufu6_109::placeholder{color:var(--sidebar-panel-muted, #888)}._tableHeader_iufu6_137{display:grid;grid-template-columns:100px 180px 50px;padding:6px 10px 4px;border-bottom:1px solid var(--sidebar-panel-border, #333);font-size:11px;color:var(--sidebar-panel-muted, #a7a7a7);font-weight:500;margin-bottom:2px}._tableHeader_iufu6_137 div:first-child{text-align:left}._tableHeader_iufu6_137 div:last-child{text-align:right}._songRow_iufu6_177{display:grid;grid-template-columns:100px 100px 30px;padding:3px 0 3px 10px;background-color:var(--sidebar-panel-surface, #2a2a2a);margin-bottom:2px;border-radius:3px;cursor:pointer;transition:background-color .2s;align-items:center}._songRow_iufu6_177:hover{background-color:var(--sidebar-panel-hover, #333)}._songName_iufu6_209{display:flex;align-items:center;font-size:13px;width:150px;font-size:11px;color:var(--songname-color)}._songName_iufu6_209 span:hover{cursor:text;background:#dedede0d;border-radius:2px}._songName_iufu6_209 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._songDuration_iufu6_255{font-size:11px;color:var(--sidebar-panel-muted, rgb(209, 209, 209));text-align:right}._editInput_iufu6_269{background:#2a2a2a;border:1px solid #3a3a3a;color:#d1d1d1;padding:4px 8px;width:100%;font-size:11px;font-family:inherit;outline:none;min-width:0;box-sizing:border-box;border-radius:4px;transition:all .2s ease;font-weight:500}._editInput_iufu6_269:focus{border-color:#00e5ff;background:#333;box-shadow:0 0 0 1px #00e5ff4d}._songList_iufu6_315{flex:1;overflow-y:auto;background:var(--sidebar-panel-bg, #0f0f0f)}._importButtonWrapper_iufu6_327{display:flex;justify-content:center;margin-top:12px;padding-top:12px}._noEffectsMessage_iufu6_351{text-align:center;color:var(--no-effects-text, #888);font-size:15px;padding:40px 20px;font-style:italic}._title_iufu6_367{margin-top:10px;margin-bottom:15px;color:#00e5ff}._effectItem_iufu6_381{margin-bottom:20px;padding:12px;background:var(--effect-card-bg, #1e1d20);border-radius:6px;border:2px solid var(--effect-card-border, #333239);overflow:visible;position:relative;box-sizing:border-box;color:var(--effect-card-text, #e5e5e5)}._closeEffectButton_iufu6_407{position:absolute;top:8px;right:8px;width:17px;height:17px;background:var(--close-effect-bg, #1e1d20);border:1px solid var(--close-effect-border, #333239);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2;padding:0;color:var(--close-effect-icon, #e5e5e5)}._closeEffectButton_iufu6_407:hover{background:var(--close-effect-hover, #dd4b4b);border:1px solid var(--close-effect-hover, #dd4b4b);color:var(--close-effect-hover-icon, #ffffff)}._effectsList_iufu6_459{flex:1;flex-grow:1;overflow-y:auto;margin-bottom:15px;padding-right:0;min-height:0}._bottomRow_iufu6_479{display:flex;justify-content:space-between;align-items:center;margin-top:8px}._value_iufu6_493{font-size:13px;color:var(--effect-card-value, #aaa);font-family:monospace}._controls_iufu6_505{display:flex;gap:8px;margin-top:0}._description_iufu6_517{font-size:11px;color:var(--effect-card-muted, #888);margin-top:2px;float:left}._label_iufu6_531{font-size:14px;font-weight:600;color:var(--effect-card-text, #e5e5e5)}._button_iufu6_545{padding:4px 10px;font-size:11px;background:var(--individual-reset-button-bg, #172528);color:var(--effect-btn-text, #17e1ff);border-radius:4px;cursor:pointer;transition:all .2s;border:none}._button_iufu6_545:hover{background:var(--effect-btn-hover, #1e3034)}._buttonDisabled_iufu6_579{background:var(--disabled-button)!important;color:#4a4a4a!important;cursor:not-allowed!important;opacity:.5}._buttonDisabled_iufu6_579:hover{background:#2a2a2a!important;transform:none!important}._resetAllButton_iufu6_605{padding:10px 16px;background:var(--effect-btn-bg, #172528);color:var(--effect-btn-text, #17e1ff);border:2px solid var(--reset-all-button-border, #172528);border-radius:6px;font-weight:700;cursor:pointer;width:100%;transition:all .2s;line-height:1;flex-shrink:0;flex:1;min-height:40px}._resetAllButtonContent_iufu6_637{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1}._resetAllButton_iufu6_605:hover{background:var(--effect-btn-hover, #1e3034)}._resetAllButtonDisabled_iufu6_661{background:var(--disabled-reset-bg)!important;color:var(--disabled-reset-text)!important;cursor:not-allowed!important;opacity:.5}._resetAllButtonDisabled_iufu6_661:hover{background:var(--reset-all-disabled-hover)!important;transform:none!important}._deleteAllButton_iufu6_687{padding:10px 20px;margin-top:8px;background:var(--delete-all-bg);color:#fe5656;border:none;border-radius:6px;font-weight:700;cursor:pointer;width:100%;transition:background-color .2s;line-height:1;flex-shrink:0}._deleteAllButton_iufu6_687:hover{background:var(--delete-all-bg-hover)}._deleteAllButtonDisabled_iufu6_725{background:#2a2a2a!important;color:#666!important;cursor:not-allowed!important;opacity:.5}._deleteAllButtonDisabled_iufu6_725:hover{background:#313131!important;transform:none!important}._deleteAllButtonContent_iufu6_749{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1}._sliderContainer_iufu6_775{position:relative;width:100%;height:24px;display:flex;align-items:center;margin:8px 0;overflow:visible}._sliderTrack_iufu6_795{position:absolute;left:0;right:0;top:50%;height:6px;background:var(--slider-background);border-radius:1.5px;transform:translateY(-50%);outline:1px solid var(--slider-outline);overflow:visible}._sliderFill_iufu6_821{position:absolute;left:0;top:50%;height:6px;background:#11a1b7;border-radius:1.5px;transform:translateY(-50%);pointer-events:none;transition:width .05s linear;border:1px solid black}._sliderContainer_iufu6_775._dragging_iufu6_849 ._sliderFill_iufu6_821{transition:none}._sliderFill_iufu6_821._default_iufu6_859{background:var(--slider-default)}._sliderFill_iufu6_821._changed_iufu6_867{background:#11a1b7}._sliderContainer_iufu6_775._dragging_iufu6_849 ._sliderFill_iufu6_821._changed_iufu6_867{background:#17e1ff}._sliderKnobWrapper_iufu6_885{position:absolute;top:50%;height:20px;width:20px;transform:translate(-50%,-50%);transition:transform .12s ease;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:3}._sliderKnobWrapperDragging_iufu6_913{transform:translate(-50%,-50%) scale(1.1)}._sliderInput_iufu6_923{position:absolute;inset:0;width:100%;height:20px;opacity:0;cursor:pointer;z-index:4}._toggleSwitch_iufu6_951{width:31px;height:15px;background:#333239;border-radius:5px;position:relative;cursor:pointer;transition:all .3s ease}._toggleSwitch_iufu6_951._toggleOn_iufu6_971{background:#11a1b7}._toggleSwitch_iufu6_951._toggleOff_iufu6_979{background:#4e4e4e}._toggleSlider_iufu6_987{position:absolute;top:2px;left:3.5px;width:10px;height:10px;background:#fff;border-radius:2px;transition:all .3s ease;box-shadow:0 1px 3px #0000004d}._toggleOn_iufu6_971 ._toggleSlider_iufu6_987{transform:translate(14.5px)}._toggleOff_iufu6_979 ._toggleSlider_iufu6_987{transform:translate(0)}._effectToggleButton_iufu6_1029{position:absolute;top:8.5px;right:33px;background:none;border:none;cursor:pointer;padding:0;z-index:2;display:flex;align-items:center;justify-content:center}._masterToggleButton_iufu6_1059{background:var(--master-toggle-bg, #262529);color:var(--master-toggle-text, #e5e5e5);border:2px solid var(--reset-all-button-border, #262529);border-radius:6px;cursor:pointer;width:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;flex:1;min-height:40px}._masterToggleButton_iufu6_1059:hover{background:var(--master-toggle-hover, #2a2a2a)}._header_iufu6_1099{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:8px;padding-right:30px}._effectDisabled_iufu6_1117{opacity:.7;border-color:#555!important}._effectDisabled_iufu6_1117 ._label_iufu6_531{color:#888!important}._effectDisabled_iufu6_1117 ._description_iufu6_517{color:#666!important}._sliderDisabled_iufu6_1145 ._sliderTrack_iufu6_795{background:#2a2a2a!important;outline-color:#555!important}._sliderDisabled_iufu6_1145 ._sliderFill_iufu6_821{background:#666!important}._sliderDisabled_iufu6_1145 ._sliderFillDisabled_iufu6_1163{background:#555!important}._valueDisabled_iufu6_1171{color:#666!important}._masterToggleContent_iufu6_1181{display:flex;align-items:center;justify-content:center;font-size:14;font-weight:700;color:var(--effect-btn-text, #17e1ff);width:100%;gap:8px}._loginPrompt_iufu6_1211{margin-top:20px;color:#fff}._loginLink_iufu6_1221{color:#00e5ff;cursor:pointer;text-decoration:underline}._loginLink_iufu6_1221:hover{color:#00c8d4}._emptyMessage_iufu6_1241{color:#888}._projectsList_iufu6_1251{max-height:400px;overflow-y:auto;list-style:none;padding:0}._projectItem_iufu6_1267{margin-bottom:8px;border:2px solid var(--project-item-border);padding:12px;border-radius:6px;background:var(--project-item-bg);cursor:pointer;transition:all .2s;color:var(--project-item-text, #fff);display:flex;justify-content:space-between;align-items:center}._projectItem_iufu6_1267:hover{background:var(--project-item-hover-bg, #3a3a3a);border-color:var(--project-item-hover-border, #4a4a4a)}._activeProject_iufu6_1307{border:2px solid var(--project-active-border, #00e5ff)!important;background:var(--project-active-bg, #2f3f42)}._deleteButton_iufu6_1319{background:transparent;border:none;cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;width:20px;height:20px;box-sizing:border-box;margin-left:17px}._deleteButton_iufu6_1319:hover{background:var(--project-delete-hover, #ff4444);color:#fff}._inputSection_iufu6_1363{margin-top:10px;display:flex;gap:5px;align-items:center}._input_iufu6_1363{flex:1;padding:8px 12px;background:#2b2b2b;border:1px solid #3a3a3a;border-radius:4px;color:#fff;outline:none;font-size:14px}._input_iufu6_1363:focus{border-color:#00e5ff}._input_iufu6_1363::placeholder{color:#666}._saveButton_iufu6_1415{padding:8px;font-size:13px;background:#00e5ff;color:#000;border:none;border-radius:4px;font-weight:600;cursor:pointer}._saveButton_iufu6_1415:hover{background:#00c8d4}._closeButton_iufu6_1445{padding:8px;background:#3a3a3a;color:#00e5ff;border:1px solid #4a4a4a;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}._closeButton_iufu6_1445:hover{background:#4a4a4a}._error_iufu6_1477{color:#f44;margin-top:10px;font-size:13px}._createButton_iufu6_1489{margin-top:30px;padding:10px 20px;background:#00e5ff;color:#000;border:none;border-radius:6px;font-weight:700;cursor:pointer;width:100%}._createButton_iufu6_1489:hover:not(:disabled){background:#00c8d4;transform:scale(1.02)}._createButton_iufu6_1489:disabled{background:#3a3a3a;color:#666;cursor:not-allowed}._addEffectsButtonContent_iufu6_1543{display:flex;align-items:center;justify-content:center;gap:5px}._addEffectsButton_iufu6_1543{padding:10px 20px;margin-bottom:8px;background:var(--sidebar-cta-bg, #172528);color:var(--sidebar-cta-text, #17e1ff);border:2px solid var(--sidebar-cta-border, #23393d);border-radius:6px;font-weight:700;cursor:pointer;width:100%;transition:all .2s ease;font-size:14px;overflow:visible}._addEffectsButton_iufu6_1543:hover{background:var(--sidebar-cta-hover, #1e3135);border-color:var(--sidebar-cta-text, #17e1ff);transform:translateY(-1px)}._toggleResetRow_iufu6_1601{display:flex;gap:8px;width:100%;margin-bottom:15px}._effectsMenuDropdown_iufu6_1617{background:#1e1d20;border:1px solid #333239;border-radius:8px;margin-bottom:16px;max-height:400px;overflow:hidden;display:flex;flex-direction:column}._toggleResetRow_iufu6_1601 ._effectsDropdownHeader_iufu6_1639{padding:12px 16px;border-bottom:1px solid #333239;color:#9c9c9c;font-size:13px;font-weight:500}._toggleResetRow_iufu6_1601 ._effectsDropdownList_iufu6_1655{overflow-y:auto;max-height:350px}._toggleResetRow_iufu6_1601 ._effectDropdownItem_iufu6_1665{width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid #333239;color:#e5e5e5;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:4px}._toggleResetRow_iufu6_1601 ._effectDropdownItem_iufu6_1665:last-child{border-bottom:none}._toggleResetRow_iufu6_1601 ._effectDropdownItem_iufu6_1665:hover:not(:disabled){background:#17e1ff14}._toggleResetRow_iufu6_1601 ._effectDropdownItemDisabled_iufu6_1711{opacity:.4;cursor:not-allowed}._toggleResetRow_iufu6_1601 ._effectDropdownName_iufu6_1721{font-size:13px;font-weight:600;color:#e5e5e5}._toggleResetRow_iufu6_1601 ._effectDropdownDescription_iufu6_1733{font-size:12px;color:#888}._toggleResetRow_iufu6_1601 ._effectsDropdownList_iufu6_1655::-webkit-scrollbar{width:6px}._toggleResetRow_iufu6_1601 ._effectsDropdownList_iufu6_1655::-webkit-scrollbar-track{background:#1e1d20}._toggleResetRow_iufu6_1601 ._effectsDropdownList_iufu6_1655::-webkit-scrollbar-thumb{background:#333239;border-radius:3px}._toggleResetRow_iufu6_1601 ._effectsDropdownList_iufu6_1655::-webkit-scrollbar-thumb:hover{background:#5c5b62}._toggleResetRow_iufu6_1601 ._noEffectsMessage_iufu6_351{text-align:center;padding:40px 20px;color:#888;font-size:14px}._toggleResetRow_iufu6_1601{display:flex;gap:5px;width:100%;margin-bottom:8px}.sidebar-container{overflow-y:auto;height:100%;scrollbar-width:thin;scrollbar-color:var(--effects-scrollbar) var(--effects-scrollbar-2);background:var(--sidebar-background);transition:width .25s ease,min-width .25s ease,opacity .2s ease}.sidebar-container.is-collapsed,.sidebar-container[data-collapsed=true]{padding:0!important;opacity:0;pointer-events:none;overflow:hidden}.sidebar-container[data-collapsed=true] .sidebar-tabs,.sidebar-container[data-collapsed=true]>div{display:none}.sidebar-container::-webkit-scrollbar{width:5px}.sidebar-container::-webkit-scrollbar-track{background:#1e1d20;border-radius:3px}.sidebar-container::-webkit-scrollbar-thumb{background:#333239;border-radius:3px}.sidebar-container::-webkit-scrollbar-thumb:hover{background:#5c5b62}.sidebar-tabs{display:flex;gap:0;margin-bottom:10px}.sidebar-tab-button{flex:1;padding:10px 0;border:none;background:var(--sidebar-tab-bg, #193338);color:var(--sidebar-tab-text, #17e1ff);font-weight:700;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease;position:relative;letter-spacing:-.4px;font-size:14px}.sidebar-tab-button.is-first{border-top-left-radius:6px;border-bottom-left-radius:6px}.sidebar-tab-button.is-last{border-top-right-radius:6px;border-bottom-right-radius:6px}.sidebar-tab-button:hover{background-color:var(--side-bar-hover)}.sidebar-tab-button:focus-visible{outline:2px solid rgba(23,225,255,.8);outline-offset:-3px}.sidebar-tab-button.is-active{background:var(--sidebar-tab-active-bg, #17e1ff);color:var(--sidebar-tab-active-text, #193338)}.waveform-container{width:100%;height:100%;position:relative;cursor:pointer;overflow-x:auto;overflow-y:hidden}.waveform-svg{width:100%;height:100%;display:block}.waveform-shape{fill:currentColor;fill-opacity:.55;stroke:currentColor;stroke-width:.5;vector-effect:non-scaling-stroke}.waveform-progress{position:absolute;top:0;bottom:0;width:2px;background:red;pointer-events:none}.tracklane-segment-positioned{transition:opacity .1s ease;border-radius:4px;overflow:hidden}.tracklane-segment-positioned.dragging{box-shadow:0 4px 12px #0000004d}.tracklane-segment-positioned.selected{outline:2px solid #17e1ff;outline-offset:-2px}.tracklane-segment-positioned:hover{outline:1px solid rgba(23,225,255,.5);outline-offset:-1px}.tracklane-segment{height:100%;width:100%;position:relative;background:#0003;border-radius:4px;overflow:hidden}.segment-waveform{height:100%;width:100%}.segment-name-overlay{position:absolute;top:2px;left:2px;z-index:10;background:var(--segment-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.1);pointer-events:none;display:flex;flex-direction:column;gap:2px;max-width:calc(100% - 16px)}.segment-name{font-weight:600;color:var(--segment-name);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.segment-name-overlay{font-size:9px;padding:3px}.segment-name{font-size:9px}}.tracklane-side{width:var(--track-controls-width);min-width:var(--track-controls-width);flex:0 0 var(--track-controls-width);display:flex;flex-direction:column;gap:6px;align-self:stretch;background-color:var(--tracklane-button-box);left:0;z-index:5;border-radius:6px}.tracklane-root{display:flex;gap:var(--track-controls-gap);align-items:stretch;background-color:var(--waveform-background);color:var(--app-text);padding:var(--track-row-padding, 8px);border-radius:6px;min-width:calc(var(--timeline-left-offset) + var(--timeline-content-width, 100%));position:relative;box-sizing:border-box}.tracklane-main{min-height:var(--track-height, 96px);width:var(--timeline-content-width, 100%);flex:1 1 auto;display:flex;flex-direction:column;background:var(--tracklane-waveform-background);padding:8px 0}.tracklane-title{font-weight:600;color:var(--app-text);font-size:14px}.tracklane-track-number{font-size:10px;color:var(--track-text);font-weight:600}.tracklane-controls-box{padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex:1 1 auto;z-index:6}.tracklane-controls-box .tracklane-controls{width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px}.tracklane-controls{display:flex;gap:8px;padding:4px 6px;align-items:center}.tl-btn{background-color:var(--mute-btn-bg);color:var(--app-text);padding:6px;border-radius:3px;font-size:12px;cursor:pointer;transition:all .15s ease;letter-spacing:-.55px;font-weight:700;border:none}.tl-btn-audio{background:var(--mute-btn-bg);color:var(--mute-btn-color)}.tl-btn:hover{background:var(--mute-btn-hover);color:var(--mute-btn-color)}.tl-btn-audio.tl-btn--active{background:var(--mute-btn-active-bg);color:var(--mute-btn-active-color);border-color:var(--mute-btn-active-bg)}.tl-btn:disabled{opacity:.3;cursor:not-allowed}.tl-btn--active{background:var(--surface-active);color:var(--app-text);border-color:var(--surface-active)}.tl-btn-delete{background:var(--mute-btn-bg, var(--surface-subtle));color:var(--mute-btn-color, var(--app-text));border:none}.tl-btn-delete:hover{background:var(--danger-hover);border-color:var(--danger-border-strong)}.tracklane-timeline{position:relative;width:100%;min-height:var(--track-height, 96px);height:100%;background:var(--timeline-bg);border-radius:4px;display:flex;flex-direction:column;contain:strict;will-change:transform}.tracklane-timeline--drop{outline:2px dashed var(--drop-outline);outline-offset:-4px}.tracklane-drop-preview{position:absolute;top:6px;bottom:6px;border-radius:4px;background:var(--drop-bg);border:1px dashed var(--drop-border);color:var(--drop-text);font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:4px;z-index:2}.tracklane-drop-preview.loading{opacity:.8}.drop-preview-label{font-weight:600;margin-bottom:2px}.drop-preview-duration{font-size:10px;opacity:.8}.tracklane-segment-positioned{position:absolute;top:0;bottom:0}.tracklane-segments{display:flex;flex-direction:column;gap:12px}.tracklane-segment{background:var(--surface-subtle);border-radius:6px;padding:1px;height:100%;display:flex;flex-direction:column;flex:1 1 auto}.segment-waveform{flex:1 1 auto;width:100%;height:100%;min-height:0}.waveform-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted-text);font-size:12px}.tracklane-empty{color:var(--muted-text);padding:12px;text-align:center;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tracklane-context-menu{position:fixed;z-index:50;min-width:160px;background:var(--context-bg);border:1px solid var(--context-border);border-radius:8px;box-shadow:var(--context-shadow);padding:6px;color:var(--app-text)}.context-menu-item{width:100%;text-align:left;padding:8px 10px;background:transparent;border:none;color:inherit;border-radius:6px;font-size:13px;cursor:pointer;transition:background .12s ease,color .12s ease}.context-menu-item:hover{background:var(--context-hover)}.context-menu-item--disabled{opacity:.4;cursor:not-allowed}.context-menu-item--disabled:hover{background:transparent}.context-menu-item--danger{color:var(--danger-strong)}.context-menu-item--danger:hover{background:var(--danger-strong-hover)}.context-menu-divider{height:1px;margin:6px 0;background:var(--context-divider)}.tracklane-timeline[data-narrow=true] .tracklane-title-overlay{display:none}.tracklane-timeline[data-medium=true] .tracklane-title-overlay{padding:4px 6px}.tracklane-timeline[data-medium=true] .tracklane-title-overlay .tracklane-title{font-size:11px}.context-menu-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-text);padding:4px 10px 6px;font-weight:600}.context-menu-stack{display:flex;flex-direction:column;gap:0}._effectsMenuOverlay_ur3ww_7{position:absolute;inset:0;background:var(--effects-overlay-bg, transparent);display:flex;align-items:left;justify-content:left;z-index:1000;padding:60px}._effectsMenu_ur3ww_7{background:var(--effects-menu-bg, rgba(29, 29, 30, .95));border:2px solid var(--effects-menu-border, #0fb1c9);border-radius:10px;width:100%;max-width:250px;max-height:70vh;display:flex;flex-direction:column}._header_ur3ww_61{padding:10px 24px 1px;border-bottom:1px solid var(--effects-menu-header-border, #333239);position:relative}._header_ur3ww_61 h2{margin:0;color:var(--effects-menu-text, #e5e5e5);font-size:16px;font-weight:600}._subtitle_ur3ww_87{margin:4px 0 10px;color:var(--effects-menu-subtext, #9c9c9c);font-size:14px}._effectsContent_ur3ww_101{flex:1;overflow-y:auto;padding:10px 24px}._effectsGrid_ur3ww_115{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}._effectCard_ur3ww_129{background:var(--effects-card-bg, #1e1d20);border:1px solid var(--effects-card-border, #333239);border-radius:8px;padding:5px 10px 8px;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;gap:6px;overflow:hidden;margin-top:2px;position:relative}._effectCard_ur3ww_129:hover{border-color:#17e1ff;transform:none;box-shadow:none;margin-bottom:1px;margin-top:1px}._effectCard_ur3ww_129:hover ._effectName_ur3ww_183{background:linear-gradient(90deg,#17e1ff,#17e1ff,#17e1ff);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:_textSweep_ur3ww_1 .8s ease-in-out}._effectCard_ur3ww_129:hover ._effectDescription_ur3ww_201{background:linear-gradient(90deg,#17e1ff,#ff0080 65%,#17e1ff);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:_textSweepReverse_ur3ww_1 1.3s linear forwards}@keyframes _textSweepReverse_ur3ww_1{0%{background-position:100% 0}to{background-position:0% 0}}._effectName_ur3ww_183{color:var(--effects-card-name, #e5e5e5);font-weight:600;font-size:14px;transition:all .3s ease;position:relative;margin-top:5px}._effectDescription_ur3ww_201{color:var(--effects-card-desc, #888);font-size:12px;line-height:1.3;transition:all .3s ease;position:relative}._footer_ur3ww_279{padding:10px 24px;border-top:1px solid var(--effects-menu-header-border, #333239);display:flex;justify-content:flex-end}._cancelButton_ur3ww_295{background:var(--effects-cancel-bg, #2a2a2a);color:var(--effects-cancel-text, #888);border:1px solid var(--effects-cancel-border, #333239);border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}._cancelButton_ur3ww_295:hover{background:var(--effects-cancel-hover-bg, #333239);color:var(--effects-cancel-hover-text, #e5e5e5)}._effectsContent_ur3ww_101::-webkit-scrollbar{width:6px}._effectsContent_ur3ww_101::-webkit-scrollbar-track{background:var(--effects-scroll-track, #1e1d20)}._effectsContent_ur3ww_101::-webkit-scrollbar-thumb{background:var(--effects-scroll-thumb, #333239);border-radius:3px}._effectsContent_ur3ww_101::-webkit-scrollbar-thumb:hover{background:var(--effects-scroll-thumb-hover, #5c5b62)}._effectCardDisabled_ur3ww_373{opacity:.4;cursor:not-allowed!important;border-color:#333239!important;margin-top:2px!important;margin-bottom:0!important}._effectCardDisabled_ur3ww_373:hover{border-color:#333239!important;transform:none!important;box-shadow:none!important}._effectCardDisabled_ur3ww_373:hover ._effectName_ur3ww_183,._effectCardDisabled_ur3ww_373:hover ._effectDescription_ur3ww_201{background:none!important;background-clip:none!important;-webkit-background-clip:none!important;-webkit-text-fill-color:inherit!important;animation:none!important}._effectCardDisabled_ur3ww_373 ._effectName_ur3ww_183{color:#888}._effectCardDisabled_ur3ww_373 ._effectDescription_ur3ww_201{color:#666}._maincontent_1bkxa_7{position:relative;width:100%;height:100%}._blurred_1bkxa_21{position:relative}._blurred_1bkxa_21:before{content:"";position:absolute;inset:0;background:#0f0f0f99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;pointer-events:none}._effectsMenuContainer_1bkxa_59{position:absolute;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.maincontent{display:flex;flex-direction:column;overflow:hidden;min-width:0;width:100%;padding:0;position:relative;min-height:0;--track-controls-width: 100px;--track-controls-gap: 5px;--track-row-padding: 8px;--timeline-left-offset: calc( var(--track-row-padding, 0px) + var(--track-controls-width) + var(--track-controls-gap) );background-color:var(--main-content-background)}.timeline-scroll-area{flex:1 1 auto;overflow:auto;padding-bottom:32px;scrollbar-gutter:stable both-edges;min-height:0}.timeline-scroll-content{position:relative;min-width:calc(var(--timeline-left-offset) + var(--timeline-content-width, 100%));padding-bottom:24px}.timeline-stack{position:relative}.tracks-container{display:flex;flex-direction:column;gap:16px;width:100%}.tracks-relative{position:relative;min-width:calc(var(--timeline-left-offset) + var(--timeline-content-width, 100%))}.global-playhead{position:absolute;top:0;bottom:0;width:var(--playhead-line-width, 1px);background:var(--playhead-color, red);pointer-events:none;z-index:14;will-change:transform;transform:translateZ(0)}.global-playhead-overlay{position:absolute;top:0;bottom:0;pointer-events:none;z-index:14}.trim-handle{position:absolute;top:0;bottom:0;width:24px;background:#ffd700f2;border-radius:3px;cursor:ew-resize;z-index:15}.trim-handle-left,.trim-handle-right{transform:translate(-50%)}.trim-controls{position:absolute;top:4px;transform:translate(-66px);display:flex;gap:4px;z-index:40}.trim-btn{width:22px;height:22px;border-radius:50%;border:none;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #00000080}.trim-confirm{background:#26a269;color:#fff}.trim-cancel{background:#c01c28;color:#fff}.track-wrapper-trim-hover{cursor:pointer;box-shadow:0 0 0 1px #ffffff47 inset;transition:box-shadow .12s ease-out,background-color .12s ease-out}.track-wrapper-trim-hover:hover{box-shadow:0 0 0 2px #ffffff73 inset}.track-wrapper-trim-selected{outline:2px solid #ffcc33;outline-offset:-2px;background-color:#ffcc330f}.timeline-ruler-bar{position:sticky;top:0;margin-left:var(--timeline-left-offset);width:var(--timeline-content-width, 100%);height:var(--timeline-ruler-height, 32px);background:var(--timeline-ruler-bg);pointer-events:none;z-index:11;margin-bottom:var(--timeline-ruler-gap, 12px);overflow:visible;outline:.5px solid grey}.timeline-scrub-indicator{position:absolute;top:0;left:0;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:var(--timeline-scrub-indicator-size, 12px) solid var(--playhead-color, #ff5a5a);transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));z-index:12}.timeline-pre-highlight{position:absolute;top:0;bottom:0;background:var(--timeline-pre-fill);pointer-events:none}.timeline-tick{position:absolute;top:0;transform:translate(-1px)}.timeline-tick-line{width:2px;height:18px;background:var(--timeline-pre-line);border-bottom-left-radius:5px;border-bottom-right-radius:5px}.timeline-tick-label{margin-top:2px;font-size:11px;color:var(--timeline-tick-color);white-space:nowrap}.timeline-tick.pre .timeline-tick-line{height:14px;opacity:.3;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.timeline-tick.pre .timeline-tick-label{display:none}.zoom-controls-bar{position:sticky;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;padding:2px 8px;background:transparent;z-index:12;pointer-events:none}.zoom-controls{pointer-events:auto;display:inline-flex;gap:6px;align-items:center;background:var(--zoom-bg);border:1px solid var(--zoom-border);border-radius:6px;padding:4px 6px}.zoom-btn{background:var(--zoom-btn-bg);border:1px solid var(--zoom-btn-border);color:var(--zoom-text);font-size:12px;padding:2px 6px;border-radius:4px;cursor:pointer}.zoom-btn:hover{background:var(--zoom-btn-hover)}.zoom-btn.reset{opacity:.85}.zoom-label{font-size:12px;color:var(--zoom-label);min-width:40px;text-align:center}.follow-toggle{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;background:var(--follow-bg);border:1px solid var(--follow-border);border-radius:4px;font-size:12px;color:var(--follow-text);cursor:pointer;-webkit-user-select:none;user-select:none}.follow-toggle input{accent-color:#e53935;cursor:pointer}.timeline-tick.minor .timeline-tick-line{height:10px;background:var(--timeline-pre-line)}.timeline-tick.minor .timeline-tick-label{display:none}.track-wrapper{border-bottom:1px solid var(--track-separator);padding-bottom:16px}.track-wrapper:last-child{border-bottom:none;padding-bottom:0}.track-trim-highlight{position:absolute;top:0;bottom:0;background:#ffd70029;border-left:2px solid rgba(255,215,0,.9);border-right:2px solid rgba(255,215,0,.9);pointer-events:none;z-index:14}.empty-state{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100%;min-height:320px;text-align:center;font-size:1.5rem;color:var(--empty-text);letter-spacing:.02em;padding:32px 16px}.timeline-scroll-area::-webkit-scrollbar{width:8px;height:12px}.timeline-scroll-area::-webkit-scrollbar-track{background:var(--scrollbar-track)}.timeline-scroll-area::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.timeline-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.tracklane-timeline{width:var(--timeline-content-width, 100%)}.footer{background-color:var(--footer-bg);border-top:2px solid var(--footer-border);box-sizing:border-box;height:40px;overflow:visible;color:var(--section-text)}.footer-container{display:flex;align-items:center;width:100%;height:100%;overflow:visible}.footer-section{display:flex;align-items:center;height:100%;overflow:visible}.footer-recording-section{width:160px;justify-content:flex-start;flex-shrink:0}.footer-transport-section{flex:1;display:flex;align-items:center;justify-content:flex-end}.rec-button{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;border:1px solid var(--rec-pill-border, #3a393f);background:var(--rec-pill-bg, #2f2e34);color:var(--rec-pill-text, #e5e5e5);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.rec-button:hover{background:var(--rec-pill-hover, #3a3a40)}.rec-button.recording{background:var(--rec-pill-active-bg, #d45252);border-color:var(--rec-pill-active-bg, #d45252);color:var(--rec-pill-active-text, #ffffff)}.rec-button:disabled{background:var(--rec-pill-disabled, #3a3a3a);color:var(--rec-pill-disabled-text, #888);cursor:not-allowed}.rec-indicator{width:12px;height:12px;border-radius:50%;background:var(--rec-indicator, #d45252);border:1px solid var(--rec-indicator-border, transparent);flex-shrink:0}.rec-button.recording .rec-indicator{background:var(--rec-indicator-active, #ffffff);border-radius:3px;border-color:var(--rec-indicator-active, #ffffff)}._wrapper_wjhrf_1{min-height:100dvh;height:100dvh;width:100%;background-size:cover;background-position:center;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:0 20px}._container_wjhrf_27{max-width:400px;width:100%;font-family:sans-serif;text-align:center;background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a}._open_wjhrf_49{max-height:1000px}._container_wjhrf_27 h1{color:#333}._options_wjhrf_65{color:#667eea;display:flex;justify-content:space-between;margin-bottom:30px;gap:15px}._option_wjhrf_65{flex:1;padding:20px;border:2px solid #ccc;cursor:pointer;border-radius:8px;transition:all .2s;font-weight:500;background:#fff}._option_wjhrf_65:hover{border-color:#667eea;background:#f8f9ff}._option_wjhrf_65._selected_wjhrf_113{border-color:#667eea;background:#667eea;color:#fff}._form_wjhrf_125{display:flex;flex-direction:column;gap:15px;text-align:left}._form_wjhrf_125 h2{text-align:center;margin-bottom:10px;color:#333}._input_wjhrf_151{padding:12px;border-radius:6px;border:1px solid #ddd;font-size:16px;transition:border-color .2s}._input_wjhrf_151:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}._button_wjhrf_179{padding:12px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}._button_wjhrf_179:hover{background:#5a6fd8}._signIn_wjhrf_211{margin-top:20px;padding-top:20px;border-top:2px solid #dddddd;text-align:center;color:#666;font-size:14px}._signIn_wjhrf_211 span{color:#667eea;cursor:pointer}._signIn_wjhrf_211 span:hover{text-decoration:underline}._error_wjhrf_247{color:red;background-color:#fcbdbd;border-radius:10px;padding:5px;margin-top:10px}._logo_wjhrf_263{width:90%;margin-bottom:15px}._loginOptionsContainer_wjhrf_273{display:flex;justify-content:center}._separator_wjhrf_283{display:flex;align-items:center;text-align:center;margin:15px 0}._separator_wjhrf_283:before,._separator_wjhrf_283:after{content:"";flex:1;border-bottom:1px solid #ccc}._separator_wjhrf_283 span{padding:0 10px;color:#666;font-size:14px}._passwordToggleIcon_wjhrf_323{position:absolute;right:30px;top:52%;transform:translateY(-50%);cursor:pointer;z-index:999}._passwordInput_wjhrf_341{margin:0;padding-right:55px}._backArrow_wjhrf_351{background:none;border:none;font-size:1.5rem;cursor:pointer;display:block;margin:-10px 0 0 -10px}