.app-window__container__titlebar{background:var(--color-surface-light);border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex-direction:row;padding:5px 10px;justify-content:space-between;align-items:center;color:var(--color-shadow-grey-300)}.app-window__container__titlebar__content,.app-window__container__titlebar__controls{display:flex;flex-direction:row;gap:10px}.app-window__container__titlebar__content__button,.app-window__container__titlebar__controls__button{width:20px;height:20px;border-radius:5px;display:flex;justify-content:center;align-items:center}.app-window__container__titlebar__content__button:hover,.app-window__container__titlebar__controls__button:hover{background:var(--color-panel-hover);cursor:pointer}.app-window__container__content{width:100%;height:auto;display:flex;flex-direction:column;padding:10px;overflow-x:auto;overflow-y:auto}.app-window{position:fixed;width:400px;height:230px;min-width:300px;min-height:200px;z-index:100;left:calc(50% - 200px);top:calc(50% - 115px);border-radius:5px;background:#00000040;color:var(--color-text-active);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #00000040;border:1px solid var(--color-surface-light);font-size:var(--font-size-small);-webkit-user-select:none;user-select:none}.app-window__container{width:100%;height:100%;position:relative}.app-window__container:before,.app-window__container:after{content:"";position:absolute;inset:0;pointer-events:none}.app-window__container{display:grid;grid-template-rows:30px auto;gap:0px}.app-window__resize-handle{position:absolute;z-index:1}.app-window__resize-handle--n,.app-window__resize-handle--s{left:14px;right:14px;height:6px;cursor:ns-resize}.app-window__resize-handle--e,.app-window__resize-handle--w{top:14px;bottom:14px;width:6px;cursor:ew-resize}.app-window__resize-handle--n{top:-3px}.app-window__resize-handle--s{bottom:-3px}.app-window__resize-handle--e{right:-3px}.app-window__resize-handle--w{left:-3px}.app-window__resize-handle--ne,.app-window__resize-handle--nw,.app-window__resize-handle--se,.app-window__resize-handle--sw{width:14px;height:14px}.app-window__resize-handle--ne{top:-3px;right:-3px;cursor:nesw-resize}.app-window__resize-handle--nw{top:-3px;left:-3px;cursor:nwse-resize}.app-window__resize-handle--se{bottom:-3px;right:-3px;cursor:nwse-resize}.app-window__resize-handle--sw{bottom:-3px;left:-3px;cursor:nesw-resize}.loader-indicator{width:50px;height:50px}.loader-indicator__container{position:relative}.loader-indicator__container__spinner{width:50px;height:50px;border-radius:50%;display:inline-block;position:relative;background:linear-gradient(0deg,var(--color-surface) 33%,var(--color-accent) 100%);box-sizing:border-box;animation:rotation 1s linear infinite}.loader-indicator__container__spinner:after{content:"";box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--color-surface)}.loader-indicator.small,.loader-indicator.small .loader-indicator__container__spinner{width:20px;height:20px}.loader-indicator.small .loader-indicator__container__spinner:after{width:18px;height:18px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes LoaderFadeOut{0%{opacity:1}to{opacity:0}}.app-loader{width:100vw;height:100vh;position:fixed;z-index:9999;background:var(--color-surface);color:var(--color-white);font-size:var(--font-size-small)}.app-loader__container{width:100%;height:100%;position:relative}.app-loader__container:before,.app-loader__container:after{content:"";position:absolute;inset:0;pointer-events:none}.app-loader__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.app-loader__logo{width:auto;height:60px;display:flex;flex-direction:row;align-items:center;gap:10px;font-size:var(--font-size-extra-large)}.app-loader__logo__icon{width:60px;height:60px}.app-loader__logo__icon img{width:100%;height:100%;transform:scale(1.5)}.app-loader.fade-out{opacity:0;animation:LoaderFadeOut .15s ease}.app-navbar{grid-area:nav;font-size:var(--font-size-medium);padding:0 20px}.app-navbar .link-wrapper{color:inherit;text-decoration:none}.app-navbar__container{width:100%;height:100%;position:relative}.app-navbar__container:before,.app-navbar__container:after{content:"";position:absolute;inset:0;pointer-events:none}.app-navbar__container{display:flex;flex-direction:row;align-items:center;gap:20px}.app-navbar__logo{width:auto;display:flex;flex-direction:row;align-items:center;overflow:hidden;gap:10px;-webkit-user-select:none;user-select:none}.app-navbar__logo img{width:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);height:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);transform:scale(1.5)}.app-navbar__logo span{font-size:var(--font-size-large)}.app-navbar__controls{display:flex;flex-direction:row;gap:10px}.app-navbar__controls__button{padding:10px;border-radius:5px;background:var(--color-panel);cursor:pointer;transition:background .15s ease}.app-navbar__controls__button:hover{background:var(--color-panel-hover)}.app-navbar__controls__button--active,.app-navbar__controls__button--active:hover{background:var(--color-surface-light)}.app-navbar__controls__vl{height:auto;width:1px;background:var(--color-surface-light)}.app-navbar__menu-button{width:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);height:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);margin-left:auto;border-radius:5px;display:flex;justify-content:center;align-items:center;transition:background .15s ease;cursor:pointer}.app-navbar__menu-button:hover{background:var(--color-panel-hover)}@keyframes MenuFadeIn{0%{opacity:0;transform:scale(.95) translate(8px,-8px);transform-origin:top right}to{opacity:1;transform:scale(1) translate(0);transform-origin:top right}}.app-menu-backdrop{width:100vw;height:100vh;position:fixed;inset:0;z-index:100}.app-menu-backdrop__container{width:100%;height:100%;position:relative}.app-menu-backdrop__container:before,.app-menu-backdrop__container:after{content:"";position:absolute;inset:0;pointer-events:none}.app-menu{width:320px;height:100vh;position:fixed;top:0;right:0;z-index:101;background:var(--color-surface);box-shadow:0 0 10px #00000040;font-size:var(--font-size-regular);overflow:hidden;animation:MenuFadeIn .15s ease}.app-menu__container{width:320px;padding:20px;display:flex;flex-direction:column;gap:20px;overflow:hidden}.app-menu__titlebar{width:100%;height:40px;display:flex;justify-content:space-between}.app-menu__titlebar__logo{width:auto;display:flex;flex-direction:row;align-items:center;overflow:hidden;gap:10px;-webkit-user-select:none;user-select:none}.app-menu__titlebar__logo img{width:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);height:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);transform:scale(1.5)}.app-menu__titlebar__logo span{font-size:var(--font-size-large)}.app-menu__titlebar__button{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer}.app-menu__titlebar__button:hover{background:var(--color-panel-hover)}.app-menu__divider{width:100%;height:1px;background:var(--color-surface-light);margin:10px 0}.app-menu__category{width:100%;display:flex;flex-direction:column;gap:10px}.app-menu__category__title{font-size:var(--font-size-small);font-weight:600;font-family:var(--font-semibold);text-transform:uppercase;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.app-menu__category__item{border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--color-text-active);text-decoration:none}.app-menu__category__item:hover{color:var(--color-accent)}.app-menu__category__item__swatch{width:14px;height:14px;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000026}.app-header{padding:20px;display:flex;overflow-y:auto;min-height:0;border:1px solid var(--color-surface-light);border-radius:5px;max-height:calc(100vh - var(--navigation-bar-initial-height) - var(--navigation-bar-inner-padding) * 2)}.app-header.left{grid-area:left;overflow-y:auto;min-height:0;border:none}@keyframes EffectListFadeIn{0%{opacity:0}to{opacity:1}}.app-header__content{width:100%;min-height:0;display:flex;flex-direction:column;gap:20px;font-size:var(--font-size-small);animation:EffectListFadeIn .15s ease;padding-bottom:20px}.app-header__content code{background:#00000040;padding:2px;border-radius:5px}.app-header__content__titlebar{width:100%;height:auto;display:flex;flex-direction:row;align-items:center;gap:10px}.app-header__content__titlebar span{font-size:var(--font-size-regular);white-space:nowrap;overflow:hidden}.app-header__content__divider{width:100%;height:1px;background:var(--color-panel)}.file-explorer{width:100%;height:auto;display:flex;flex-direction:column}.file-explorer__file{display:grid;grid-template-columns:14px auto;gap:5px;align-items:center;padding:5px;border-radius:5px;-webkit-user-select:none;user-select:none}.file-explorer__file span{overflow:hidden;white-space:nowrap}.file-explorer__file:hover{background:var(--color-panel-hover)}.file-explorer__directory{width:auto;display:flex;flex-direction:column}.file-explorer__directory__directory-name{display:grid;grid-template-columns:14px auto;gap:5px;align-items:center;padding:5px;border-radius:5px;-webkit-user-select:none;user-select:none}.file-explorer__directory__directory-name span{overflow:hidden;white-space:nowrap}.file-explorer__directory__directory-name:hover{background:var(--color-panel-hover)}.file-explorer__directory__files{padding-left:20px}.app-button{display:flex;flex-direction:row;padding:10px;background:var(--color-panel);align-items:center;gap:10px;-webkit-user-select:none;user-select:none;border-radius:5px;cursor:pointer;transition:background .15s ease}.app-button span{font-size:var(--font-size-small);overflow:hidden;width:100%;white-space:nowrap}.app-button:hover,.app-button.disabled{background:var(--color-panel-hover)}.app-button.red{color:#ff2626}.app-window__container__content .audio-clip-window-content{width:100%;display:flex;flex-direction:column;gap:20px;align-items:center;margin:0 auto}.app-window__container__content .audio-clip-window-content h1{font-size:1.6rem}.app-window__container__content .audio-clip-window-content .audio-clip-controls{width:100%;height:auto;display:flex;flex-direction:column;gap:20px}.app-window__container__content .audio-clip-window-content .audio-clip-controls__buttons{width:100%;height:40px;display:flex;flex-direction:row;gap:10px;justify-content:center}.app-window__container__content .audio-clip-window-content .audio-clip-controls__buttons__button{padding:10px;border-radius:5px;background:var(--color-panel);cursor:pointer;transition:background .15s ease}.app-window__container__content .audio-clip-window-content .audio-clip-controls__buttons__button:hover{background:var(--color-panel-hover)}.app-window__container__content .audio-clip-window-content .audio-clip-controls__progress-bar{width:100%;height:60px;display:grid;grid-template-columns:60px auto 60px;align-items:center;gap:10px}.app-window__container__content .audio-clip-window-content .audio-clip-controls__progress-bar span{font-size:var(--font-size-small);text-align:center}.progress-bar{width:100%;height:60px;display:flex;align-items:center;position:relative}.progress-bar__wave-form{width:100%;height:60px}.progress-bar__body{width:100%;height:3px;border-radius:5px;background:var(--color-shadow-grey-400);position:absolute;z-index:2}.progress-bar__body__current{width:30%;height:3px;background:var(--color-white);position:relative}.progress-bar__body__current__thumb{width:15px;height:15px;position:absolute;right:-6px;top:-6px;z-index:1;border-radius:10px;background:var(--color-white);transition:transform .15s ease;cursor:grab}.progress-bar__body__current__thumb:hover{transform:scale(1.2)}.app-floating-selection-box{width:100vw;height:100vh;position:fixed;inset:0;z-index:20;font-size:var(--font-size-small)}.app-floating-selection-box__backdrop{width:100%;height:100%;position:relative}.app-floating-selection-box__backdrop:before,.app-floating-selection-box__backdrop:after{content:"";position:absolute;inset:0;pointer-events:none}.app-floating-selection-box__box{width:208px;height:auto;max-height:45vh;position:absolute;left:20px;top:20px;display:flex;overflow-y:auto;opacity:0;border-radius:5px;background:var(--color-surface);box-shadow:0 0 10px #00000040;border:1px solid var(--color-surface-light)}.app-floating-selection-box__box__container{width:100%;padding:20px;display:flex;gap:20px;flex-direction:column}.app-floating-selection-box__box__container__title{font-family:var(--font-semibold);text-transform:uppercase;white-space:nowrap}.app-floating-selection-box__box__container__buttons{display:flex;flex-direction:column;gap:10px}.app-header__content__category{width:100%;height:100%;position:relative}.app-header__content__category:before,.app-header__content__category:after{content:"";position:absolute;inset:0;pointer-events:none}.app-header__content__category{height:auto;display:flex;flex-direction:column;gap:10px}.app-header__content__category__label{font-family:var(--font-semibold);text-transform:uppercase;color:var(--color-text-muted)}.app-header__content__category__items{display:flex;flex-direction:column;gap:10px}.channel-fader{height:220px;display:flex;justify-content:center;align-items:center}.channel-fader__body{width:5px;height:100%;position:relative;background:var(--color-panel);border-radius:5px;transition:background .15s ease}.channel-fader__body__current{width:5px;height:80%;position:absolute;left:0;bottom:0;background:var(--color-accent);border-radius:5px;transition:background .15s ease}.channel-fader__body__current__container{width:100%;height:100%;position:relative}.channel-fader__body__current__container:before,.channel-fader__body__current__container:after{content:"";position:absolute;inset:0;pointer-events:none}.channel-fader__body__current__label{width:40px;height:20px;position:absolute;top:-60px;left:-21px;z-index:1;background:#00000040;padding:5px;border-radius:5px;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0;transition:opacity .15s ease;color:var(--color-white)}.channel-fader__body__current__label span{font-size:12px}.channel-fader__body__current__thumb{width:20px;height:40px;position:absolute;top:-20px;left:-7px;z-index:1;background:var(--color-surface-light);transition:background .15s ease;border-radius:5px;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;cursor:grab}.channel-fader__body__current__thumb__line{height:2px;width:10px;background:var(--color-accent);transition:background .15s ease}.channel-fader.is-dragging .channel-fader__body__current__label{opacity:1}.knob{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer}.knob__body{width:calc(100% - 2px);height:calc(100% - 2px);border-radius:50%;background:var(--color-panel);border:1px solid var(--color-accent-soft);position:relative;transition:box-shadow .15s,background .15s ease}.knob__body__handle{position:absolute;top:calc(50% - 1px);left:50%;width:calc(50% - 5px);height:2px;background:var(--color-accent);transform-origin:0% 50%;z-index:2;transition:width .15s ease}.knob__body__center{width:6px;height:6px;position:absolute;inset:0;margin:auto;border-radius:10px;background:var(--color-accent);z-index:1;transition:width .15s,height .15s ease}.knob.is-dragging .knob__body{background:var(--color-panel-active)}.knob.is-dragging .knob__body__handle{width:50%}.knob:hover .knob__body{background:var(--color-panel-hover)}@keyframes channelAppearAnimation{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mixer-channel{width:40px;height:100%;-webkit-user-select:none;user-select:none;transition:background .15s ease;animation:channelAppearAnimation .3s ease forwards}.mixer-channel__container{width:100%;height:100%;position:relative}.mixer-channel__container:before,.mixer-channel__container:after{content:"";position:absolute;inset:0;pointer-events:none}.mixer-channel__container{display:flex;flex-direction:column;gap:10px}.mixer-channel__channel-count{width:100%;height:30px;display:flex;justify-content:center;align-items:center;gap:4px;background:var(--color-surface-light);border-radius:5px}.mixer-channel__channel-count span{font-size:var(--font-size-small);font-family:var(--font-semibold)}.mixer-channel__channel-label{width:100%;height:110px;display:flex;justify-content:center;overflow:hidden}.mixer-channel__channel-label input{writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--font-size-small);white-space:nowrap;margin-bottom:10px;background:none;border:none;font-family:inherit;color:inherit;outline:none}.mixer-channel__peak-meter{height:120px;display:flex;flex-direction:row;gap:5px;padding:5px;background:var(--color-surface-light);border-radius:5px}.mixer-channel__peak-meter__canvas{width:100%;height:100%}.mixer-channel__knobs{height:auto;margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:5px}.mixer-channel__knobs__label{font-size:8px;text-transform:uppercase}.mixer-channel__buttons{height:auto;display:flex;flex-direction:column;gap:5px}.mixer-channel__buttons__button{width:40px;height:40px;background:var(--color-panel);color:var(--color-panel-text-muted);border-radius:5px;display:flex;cursor:pointer;justify-content:center;align-items:center;transition:background .15s ease}.mixer-channel__buttons__button:hover{background:var(--color-panel-hover);color:var(-color-panel-text-active)}.mixer-channel__buttons__button.active{color:var(--color-accent)}.mixer-channel:hover{background:var(--color-surface)}.mixer-channel.detached .mixer-channel__peak-meter{opacity:.4}.mixer-create-channel-button{width:40px;height:100%;flex:0 0 40px;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s ease;background:var(--color-panel);border-radius:5px;color:var(--color-panel-text-muted)}.mixer-create-channel-button__container{width:100%;height:100%;position:relative}.mixer-create-channel-button__container:before,.mixer-create-channel-button__container:after{content:"";position:absolute;inset:0;pointer-events:none}.mixer-create-channel-button__container{display:flex;justify-content:center;align-items:center}.mixer-create-channel-button:hover{background:var(--color-panel-hover);color:var(--color-panel-text-active)}.app-mixer{background:var(--color-surface-dark);border-top-right-radius:5px;border-top-left-radius:5px;padding:20px}.app-mixer__container{width:100%;height:100%;position:relative}.app-mixer__container:before,.app-mixer__container:after{content:"";position:absolute;inset:0;pointer-events:none}.app-mixer__container{display:grid;grid-template-columns:auto var(--header-initial-width);gap:20px}.app-mixer__container__channels{display:flex;flex-direction:row;gap:10px;overflow-x:scroll}.app-window__container__content .analyser-window-content{width:100%;height:100%;display:flex;flex-direction:column;gap:12px}.app-window__container__content .analyser-window-content__toolbar{width:100%;flex:0 0 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}.app-window__container__content .analyser-window-content__toolbar__group{display:flex;flex-direction:row;align-items:center;gap:8px}.app-window__container__content .analyser-window-content__toolbar__group label{font-size:var(--font-size-small);color:var(--color-panel-text-muted, inherit)}.app-window__container__content .analyser-window-content__toolbar__view-toggle{display:flex;flex-direction:row;background:var(--color-panel);border-radius:5px;padding:2px;gap:2px}.app-window__container__content .analyser-window-content__toolbar__view-toggle button{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px;background:transparent;color:inherit;font-size:var(--font-size-small);cursor:pointer;transition:background .15s ease}.app-window__container__content .analyser-window-content__toolbar__view-toggle button:hover{background:var(--color-panel-hover)}.app-window__container__content .analyser-window-content__toolbar__view-toggle button.active{background:var(--color-surface-light)}.app-window__container__content .analyser-window-content__toolbar__fft-sizes{display:flex;flex-direction:row;background:var(--color-panel);border-radius:5px;padding:2px;gap:2px}.app-window__container__content .analyser-window-content__toolbar__fft-sizes button{padding:6px 8px;border-radius:4px;background:transparent;color:inherit;font-size:var(--font-size-small);cursor:pointer;transition:background .15s ease}.app-window__container__content .analyser-window-content__toolbar__fft-sizes button:hover{background:var(--color-panel-hover)}.app-window__container__content .analyser-window-content__toolbar__fft-sizes button.active{background:var(--color-surface-light)}.app-window__container__content .analyser-window-content__toolbar__color-swatches{display:flex;flex-direction:row;align-items:center;gap:6px}.app-window__container__content .analyser-window-content__toolbar__color-swatches button{width:18px;height:18px;border-radius:50%;cursor:pointer;border:2px solid transparent;padding:0}.app-window__container__content .analyser-window-content__toolbar__color-swatches button.active{border-color:var(--color-white, #fff)}.app-window__container__content .analyser-window-content__toolbar__color-swatches input[type=color]{width:22px;height:22px;padding:0;border:none;border-radius:50%;overflow:hidden;background:transparent;cursor:pointer}.app-window__container__content .analyser-window-content__canvas-wrapper{width:100%;flex:1 1 auto;min-height:120px;background:var(--color-surface);border-radius:5px;overflow:hidden}.app-window__container__content .analyser-window-content__canvas-wrapper canvas{display:block;width:100%;height:100%}.effect-option-toggle{display:inline-flex;flex-direction:row;background:var(--color-panel);border-radius:5px;padding:2px;gap:2px}.effect-option-toggle button{padding:6px 10px;border-radius:4px;background:transparent;color:inherit;font-size:var(--font-size-small);cursor:pointer;transition:background .15s ease}.effect-option-toggle button:hover{background:var(--color-panel-hover)}.effect-option-toggle button.active{background:var(--color-surface-light);color:var(--color-accent)}.effect-gain-reduction-meter{width:100%;display:flex;flex-direction:column;gap:4px}.effect-gain-reduction-meter__header{display:flex;flex-direction:row;justify-content:space-between;font-size:var(--font-size-small);color:var(--color-panel-text-muted, inherit)}.effect-gain-reduction-meter__track{width:100%;height:6px;border-radius:3px;background:var(--color-panel);overflow:hidden;display:flex;justify-content:flex-end}.effect-gain-reduction-meter__track__bar{width:0%;height:100%;background:var(--color-accent)}.effect-section-title{font-size:var(--font-size-small);color:var(--color-panel-text-muted, inherit)}.filter-graph{position:relative;flex:1 1 auto;min-height:180px;border-radius:5px;background:var(--color-surface);overflow:hidden}.filter-graph canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.filter-graph__hint{position:absolute;top:6px;right:10px;font-size:11px;color:var(--color-panel-text-muted, inherit);pointer-events:none}.filter-window-content{width:100%;height:100%;display:flex;flex-direction:column;gap:12px}.equalizer-window-content{width:100%;height:100%;display:flex;flex-direction:column;gap:8px}.equalizer-window-content__graph{position:relative;flex:1 1 auto;min-height:200px;border-radius:5px;background:var(--color-surface);overflow:hidden}.equalizer-window-content__graph canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.equalizer-window-content__hint{font-size:11px;color:var(--color-panel-text-muted, inherit)}.equalizer-window-content button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:26px;height:26px;padding:0 6px;border-radius:4px;background:transparent;color:inherit;font-size:var(--font-size-small);cursor:pointer;transition:background .15s ease,color .15s ease,opacity .15s ease}.equalizer-window-content button:hover{background:var(--color-panel-hover)}.equalizer-window-content button.active{background:var(--color-accent-soft);color:var(--color-accent)}.equalizer-window-content__toolbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.equalizer-window-content__toolbar__bands{display:flex;flex-direction:row;gap:2px;padding:2px;border-radius:5px;background:var(--color-panel)}.equalizer-window-content__toolbar__bands button{font-weight:600;border-bottom:2px solid var(--band-color, transparent)}.equalizer-window-content__toolbar__bands button.active{background:var(--color-surface-light);color:var(--band-color)}.equalizer-window-content__toolbar__bands button.disabled{opacity:.4}.equalizer-window-content__toolbar__actions{display:flex;flex-direction:row;align-items:center;gap:6px}.equalizer-window-content__controls{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:16px}.equalizer-window-content__controls__band{display:flex;flex-direction:row;align-items:flex-end;gap:16px;padding-left:10px;border-left:3px solid var(--band-color)}.equalizer-window-content__controls__band__settings{display:flex;flex-direction:column;gap:6px}.equalizer-window-content__controls__band__settings select{padding:4px;border-radius:4px;background:var(--color-panel);color:inherit;font-size:var(--font-size-small);cursor:pointer}.stereo-mono-window-content{width:100%;height:100%;display:flex;flex-direction:column;gap:12px}.stereo-mono-window-content__scene{position:relative;flex:1 1 auto;min-height:240px;border-radius:5px;background:radial-gradient(ellipse at 70% 40%,var(--color-panel) 0%,var(--color-surface) 75%);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.stereo-mono-window-content__scene canvas{position:absolute;inset:0;display:block}.stereo-mono-window-content__scene__hud{position:absolute;top:10px;left:12px;z-index:1;display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-small);color:var(--color-panel-text-muted, inherit);pointer-events:none}.stereo-mono-window-content__scene__hud__title{font-size:16px;font-weight:600;color:var(--color-accent)}.stereo-mono-window-content__scene__hud__treatment{color:var(--color-panel-text-active, inherit)}.stereo-mono-window-content__scene__hud__signal{display:flex;align-items:center;gap:6px;margin-top:4px}.stereo-mono-window-content__scene__hud__signal:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-panel-text-muted, currentColor);opacity:.6}.stereo-mono-window-content__scene__hud__signal.live:before{background:var(--color-accent);opacity:1;box-shadow:0 0 6px var(--color-accent)}.stereo-mono-window-content__scene__hint{position:absolute;left:12px;bottom:8px;z-index:1;font-size:11px;color:var(--color-panel-text-muted, inherit);pointer-events:none}.app-layout{width:100vw;height:100vh;background:var(--color-surface);color:var(--color-text-active)}.app-layout__container{width:100%;height:100%;display:grid;grid-template-rows:var(--navigation-bar-initial-height) 1fr;grid-template-columns:var(--header-initial-width) 1fr;grid-template-areas:"nav nav" "left main"}a,abbr,acronym,address,applet,b,big,blockquote,body,button,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,title,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}html,body{margin:0;padding:0;outline:none;font-family:var(--default-font-family);color:var(--color-black)}div.container{width:100%;height:100%;position:relative;content:""}div.container:before,div.container:after{content:"";position:absolute}@font-face{font-family:Poppins Black;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Black.ttf) format("truetype")}@font-face{font-family:Poppins Black Italic;src:url(font-families/Poppins/Poppins-BlackItalic.ttf) format("truetype")}@font-face{font-family:Poppins Bold;src:url(/font-families/Poppins/Poppins-bold.ttf) format("truetype")}@font-face{font-family:Poppins Bold Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-BoldItalic.ttf) format("truetype")}@font-face{font-family:Poppins Extra Bold;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-ExtraBold.ttf) format("truetype")}@font-face{font-family:Poppins Extra Bold Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-ExtraBoldItalic.ttf) format("truetype")}@font-face{font-family:Poppins Extra Light;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-ExtraLight.ttf) format("truetype")}@font-face{font-family:Poppins Extra Light Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-ExtraLightItalic.ttf) format("truetype")}@font-face{font-family:Poppins Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Italic.ttf) format("truetype")}@font-face{font-family:Poppins Light;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Light.ttf) format("truetype")}@font-face{font-family:Poppins Light Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-LightItalic.ttf) format("truetype")}@font-face{font-family:Poppins Medium;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Medium.ttf) format("truetype")}@font-face{font-family:Poppins Medium Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-MediumItalic.ttf) format("truetype")}@font-face{font-family:Poppins Regular;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Regular.ttf) format("truetype")}@font-face{font-family:Poppins Semi Bold;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-SemiBold.ttf) format("truetype")}@font-face{font-family:Poppins Semi Bold Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype")}@font-face{font-family:Poppins Thin;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Thin.ttf) format("truetype")}@font-face{font-family:Poppins Thin Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-ThinItalic.ttf) format("truetype")}:root{--font-black: "Poppins Black", sans-serif;--font-black-italic: "Poppins Black Italic", sans-serif;--font-bold: "Poppins Bold", sans-serif;--font-bold-italic: "Poppins Bold Italic", sans-serif;--font-extra-bold: "Poppins Extra Bold", sans-serif;--font-extra-bold-italic: "Poppins Extra Bold Italic", sans-serif;--font-extra-light: "Poppins Extra Light", sans-serif;--font-extra-light-italic: "Poppins Extra Light Italic", sans-serif;--font-italic: "Poppins Italic", sans-serif;--font-light: "Poppins Light", sans-serif;--font-light-italic: "Poppins Light Italic", sans-serif;--font-medium: "Poppins Medium", sans-serif;--font-medium-italic: "Poppins Medium Italic", sans-serif;--font-regular: "Poppins Regular", sans-serif;--font-regular-italic: "Poppins Regular Italic", sans-serif;--font-semibold: "Poppins Semi Bold", sans-serif;--font-semibold-italic: "Poppins Semi Bold Italic", sans-serif;--font-thin: "Poppins Thin", sans-serif;--font-thin-italic: "Poppins Thin Italic", sans-serif;--default-font-family: var(--font-regular);--primary-text-color: #000000;--secondary-text-color: #ffffff;--font-size-extra-small: 10px;--font-size-regular: 16px;--font-size-small: 12px;--font-size-medium: 20px;--font-size-large: 28px;--font-size-extra-large: 36px}:root{--default-inner-padding: 20px;--navigation-bar-initial-height: 80px;--navigation-bar-inner-padding: var(--default-inner-padding);--header-initial-width: 250px;--header-inner-padding: var(--default-inner-padding);--floating-menu-initial-width: 320px;--floating-menu-inner-padding: var(--default-inner-padding)}:root,:root[data-theme=dark]{--color-black: #000000;--color-white: #FFFFFF;--color-text-active: #E6E7E8;--color-text-muted: #A3A4A6;--color-text-disabled: #707173;--color-text-warning-red: #E84C3D;--color-text-warning-yellow: #E3B341;--color-text-success-green: #70C46F;--color-surface: #2B2C2E;--color-surface-light: #3A3B3D;--color-surface-dark: #242526;--color-panel: #3A3B3D;--color-panel-hover: #434447;--color-panel-active: #505255;--color-panel-text-muted: #A3A4A6;--color-panel-text-active: #E6E7E8;--color-accent: #FFA646;--color-accent-hover: #FFB766;--color-accent-active: #E78F2F;--color-accent-soft: rgba(255, 166, 70, .15)}:root[data-theme=light]{--color-black: #000000;--color-white: #FFFFFF;--color-text-active: #1B1C1D;--color-text-muted: #5B5C5E;--color-text-disabled: #9A9B9D;--color-text-warning-red: #D6392B;--color-text-warning-yellow: #B9860A;--color-text-success-green: #2F9E4F;--color-surface: #F5F5F6;--color-surface-light: #FFFFFF;--color-surface-dark: #E7E7E8;--color-panel: #FFFFFF;--color-panel-hover: #EDEDEE;--color-panel-active: #E0E1E2;--color-panel-text-muted: #5B5C5E;--color-panel-text-active: #1B1C1D;--color-accent: #E78F2F;--color-accent-hover: #FFA646;--color-accent-active: #C97423;--color-accent-soft: rgba(231, 143, 47, .15)}:root[data-theme=dark][data-accent=blue]{--color-accent: #4C9AFF;--color-accent-hover: #74B2FF;--color-accent-active: #2E7BDB;--color-accent-soft: rgba(76, 154, 255, .15)}:root[data-theme=dark][data-accent=purple]{--color-accent: #B287F0;--color-accent-hover: #C6A4F5;--color-accent-active: #9566D9;--color-accent-soft: rgba(178, 135, 240, .15)}:root[data-theme=dark][data-accent=green]{--color-accent: #5FD897;--color-accent-hover: #7EE3AB;--color-accent-active: #3FB87C;--color-accent-soft: rgba(95, 216, 151, .15)}:root[data-theme=dark][data-accent=pink]{--color-accent: #F2678F;--color-accent-hover: #F686A5;--color-accent-active: #D6446E;--color-accent-soft: rgba(242, 103, 143, .15)}:root[data-theme=light][data-accent=blue]{--color-accent: #2E6FE0;--color-accent-hover: #4C88F0;--color-accent-active: #1F53B8;--color-accent-soft: rgba(46, 111, 224, .15)}:root[data-theme=light][data-accent=purple]{--color-accent: #7B45C9;--color-accent-hover: #9563DB;--color-accent-active: #5F32A3;--color-accent-soft: rgba(123, 69, 201, .15)}:root[data-theme=light][data-accent=green]{--color-accent: #23A868;--color-accent-hover: #34BF7C;--color-accent-active: #178A54;--color-accent-soft: rgba(35, 168, 104, .15)}:root[data-theme=light][data-accent=pink]{--color-accent: #D8395F;--color-accent-hover: #E85778;--color-accent-active: #B32449;--color-accent-soft: rgba(216, 57, 95, .15)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:var(--color-panel);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-panel-hover)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.table{display:table}.h-auto{height:auto}.h-px{height:1px}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-\[10px\]{gap:10px}.bg-\[var\(--color-shadow-grey-500\)\]{background-color:var(--color-shadow-grey-500)}.text-center{text-align:center}.opacity-40{opacity:.4}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}