@font-face{font-family:Orbit;src:url(/assets/fonts/Orbit-latin-regular.woff2) format("woff2"),url(/assets/fonts/Orbit-latin-regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SpaceMono;src:url(/assets/fonts/SpaceMono-Regular.woff2) format("woff2"),url(/assets/fonts/SpaceMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Thin.woff2) format("woff2"),url(/assets/fonts/Inter-Thin.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Light.woff2) format("woff2"),url(/assets/fonts/Inter-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Regular.woff2) format("woff2"),url(/assets/fonts/Inter-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter Display;src:url(/assets/fonts/InterDisplay-Thin.woff2) format("woff2");font-weight:200;font-style:normal}@font-face{font-family:Inter Display;src:url(/assets/fonts/InterDisplay-Light.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Inter Display;src:url(/assets/fonts/InterDisplay-Regular.woff2) format("woff2");font-weight:400;font-style:normal}:root{--ui-shell-padding-inline: clamp(.75rem, 2vw, 2rem);--ui-shell-monitor-padding-inline: var(--ui-shell-padding-inline);--ui-shell-gap: 0;--ui-shell-top-height: auto;--ui-shell-bottom-height: auto;--ui-shell-left-rail-width: auto;--ui-shell-side-lane-width: clamp(4.5rem, 14vmin, 8rem)}[data-ui-shell],[data-ui-region]{display:contents}[data-ui-region=bottom-transport]{flex:0 0 var(--ui-shell-side-lane-width);width:var(--ui-shell-side-lane-width);display:flex;justify-content:center}[data-nav-height-state=short] [data-ui-region=bottom-transport]{flex-direction:column;align-items:center;justify-content:flex-end;padding-left:0}[data-ui-region=bottom-interaction]{flex:0 0 var(--ui-shell-side-lane-width);width:var(--ui-shell-side-lane-width);display:flex;justify-content:center}[data-ui-region=bottom-center]{display:block;flex:1 1 auto;min-width:0}.xyz-controls-row{display:flex;flex-wrap:wrap}.xyz-column{flex:0 0 auto;width:33.333%}[data-ui-shell]:not([data-active-panel=PLAYBACK_PANEL]) #waveform-container,[data-ui-shell]:not([data-active-panel=PLAYBACK_PANEL]) #zoom-container{display:none}:root{--size-upper-buttons: clamp(10vmin, 10vmin, 100vmin);--size-vertical-menu-buttons: clamp(7vmin, 7vmin, 70vmin);--size-lower-buttons-side: clamp(12vmin, 15vmin, 100vmin);--icon-size: 5vmin;--top-bar-button-size: clamp(2.95rem, 5.6vmin, 3.85rem);--top-bar-icon-size: clamp(1.5rem, 3.2vmin, 2.35rem);--close-icon-size: 20px;--button-hover-color: color-mix(in srgb, var(--color1) 77%, transparent)}#collapseInfoMenu{position:absolute;left:0;z-index:10;max-height:80vh;overflow-y:auto;transition:transform .3s ease,opacity .3s ease;opacity:0;transform:scaleY(0);transform-origin:top}#collapseInfoMenu.show{opacity:1;transform:scaleY(1)}.header-row{margin:0;padding:0 var(--ui-shell-padding-inline);display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%;max-width:100%;min-height:10vh;box-sizing:border-box;column-gap:clamp(.45rem,.9vw,1rem);position:relative}.top-bar__section{display:flex;align-items:center;gap:clamp(.3rem,.7vw,.65rem);pointer-events:auto}.top-bar__section--left{justify-self:start;display:grid;grid-template-columns:var(--ui-shell-side-lane-width) auto;align-items:center;justify-content:flex-start;column-gap:clamp(.3rem,.7vw,.65rem)}.top-bar__section--center{position:absolute;left:0;right:0;justify-content:center;display:flex;min-width:0;z-index:1;pointer-events:none}.top-bar__section--right{justify-self:end;justify-content:flex-end}.top-bar__section .top-bar-button{width:auto;min-width:auto;height:var(--top-bar-button-size);padding:0 clamp(.35rem,.7vw,.75rem);display:inline-flex;align-items:center;justify-content:center;gap:clamp(.25rem,.45vw,.5rem);color:var(--color1);font-weight:500;letter-spacing:.035em;text-transform:uppercase;border:1px solid transparent;border-radius:0;background-color:transparent;transition:none}.top-bar__section .top-bar-button:hover,.top-bar__section .top-bar-button:focus-visible{border:1px solid transparent;background-color:transparent;outline:none;color:var(--button-hover-color)}.top-bar__section .dimension-selector__label{font-size:clamp(.8rem,1.5vmin,1.05rem);line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;font-weight:500}.dimension-selector .dropdown-toggle:after{margin-left:clamp(.35rem,.6vw,.75rem)}.btn.info-button.dropdown-toggle:after,.btn.more-button.dropdown-toggle:after,.dimension-selector .btn.dropdown-toggle:after{display:inline-block!important;vertical-align:middle;margin-left:.25em;border:none;content:"";width:.3em;height:.3em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.dimension-selector{display:inline-flex;align-items:center;pointer-events:auto}.dimension-selector__tabs{display:none;align-items:center;gap:0;border:none;border-radius:var(--orbiters-rounded-corners, 5px);overflow:hidden;background-color:transparent;pointer-events:auto}.dimension-selector__tab{min-width:clamp(4.5rem,8vw,6.5rem)!important;width:auto!important;height:var(--top-bar-button-size);padding:0 clamp(.7rem,1vw,1rem);border:none!important;border-radius:0!important;cursor:pointer;pointer-events:auto}.dimension-selector__tab:last-child{border:none!important}.dimension-selector__tab.is-active{background-color:color-mix(in srgb,var(--color1) 70%,transparent)!important;color:var(--color3)!important}.top-bar__section .dimension-selector__tab:hover,.top-bar__section .dimension-selector__tab:focus-visible{background-color:color-mix(in srgb,var(--color1) 10%,transparent);color:var(--color1)}.top-bar__section .dimension-selector__tab.is-active:hover,.top-bar__section .dimension-selector__tab.is-active:focus-visible{background-color:var(--color1)!important;color:var(--color3)!important}.dimension-selector .dropdown-menu{min-width:clamp(8rem,16vw,12rem)}.dimension-selector .top-bar-button{width:auto;min-width:clamp(4.5rem,14vw,7rem);padding:0 clamp(.45rem,.9vw,.9rem);justify-content:space-between;gap:clamp(.3rem,.55vw,.65rem);border:1px solid transparent;border-radius:0}.dimension-selector .dropdown-item[data-dimension-id]{display:flex;align-items:center;justify-content:space-between;gap:.25rem;text-transform:uppercase;letter-spacing:.025em}.dimension-selector .dropdown-item.active,.dimension-selector .dropdown-item:active{background-color:var(--color1);color:var(--color2)}.top-bar__section--right>.button-group-container,.top-bar__section .button-group-container{display:inline-flex;align-items:center;pointer-events:auto}.top-bar__section--left>.button-group-container[data-group=information-dropdown],.top-bar__section--right>.button-group-container[data-group=more-dropdown]{flex:0 0 var(--ui-shell-side-lane-width);width:var(--ui-shell-side-lane-width);display:inline-flex;justify-content:center}.top-bar__section--left>.dimension-selector{justify-self:start;min-width:0}.header-row button{width:var(--top-bar-button-size);height:var(--top-bar-button-size);padding:0;margin:0;display:flex;justify-content:center;align-items:center;background:transparent;border:none;color:var(--color1);transition:transform .2s ease}.button-icon{width:var(--icon-size);height:var(--icon-size);display:inline-block}.header-row .button-icon,#connectionStatusIcon.button-icon{width:var(--top-bar-icon-size);height:var(--top-bar-icon-size)}#connectionStatusIcon.button-icon svg{width:80%;height:80%;display:block}h1.responsive-title{font-family:var(--orbiters-font-family, "Inter", sans-serif);font-weight:200;font-size:clamp(1.4rem,2.2vmin,2.2rem);color:var(--color1);display:block;margin:0 auto;text-align:center;max-width:clamp(12rem,45vw,22rem);line-height:1.1;white-space:normal;word-break:break-word;text-wrap:balance}@media (max-width: 1080px){.header-row{padding:0 var(--ui-shell-padding-inline)}.top-bar__section .top-bar-button{padding:0 clamp(.3rem,.6vw,.65rem)}.dimension-selector .top-bar-button{min-width:clamp(4.1rem,16vw,6.25rem);padding:0 clamp(.4rem,.8vw,.8rem)}}[data-nav-viewport-state=desktop] .dimension-selector__tabs{display:inline-flex}[data-nav-viewport-state=desktop] .dimension-selector .dropdown{display:none}@media (max-width: 768px){.header-row{padding:0 var(--ui-shell-padding-inline)}#connectionStatus,h1.responsive-title,[data-top-bar-title],.top-bar__section--center{display:none!important}}@media (max-width: 320px){.header-row .responsive-title,[data-top-bar-title]{display:none!important}.header-row{grid-template-columns:auto auto!important}.top-bar__section--center{display:none!important}.top-bar__section--left,.top-bar__section--right{min-width:0;flex:1 1 0;justify-content:flex-start}}.info-button,.more-button{position:relative;width:var(--top-bar-button-size);min-width:var(--top-bar-button-size);height:var(--top-bar-button-size);background-color:transparent;color:var(--color1);display:flex;align-items:center;justify-content:center;padding:0;transition:transform .2s ease}#informationMenuButton:after,#moreMenuButton:after{position:absolute;right:clamp(.1rem,.35vw,.3rem);margin-left:0}.info-button:hover,.info-button:focus,.more-button:hover,.more-button:focus{transform:scale(1.05);color:var(--button-hover-color);outline:none}.loop-button{position:relative;display:inline-flex;justify-content:center;align-items:center;width:var(--top-bar-button-size);pointer-events:auto;color:var(--color1)}.loop-button .button-icon{width:var(--top-bar-icon-size);height:var(--top-bar-icon-size);display:inline-flex;justify-content:center;align-items:center;transition:transform .2s ease}.loop-button .button-icon svg{width:100%;height:100%;display:block;fill:currentColor;opacity:.7;transition:transform .2s ease,opacity .2s ease}.loop-button:hover .button-icon svg,.loop-button:focus .button-icon svg{transform:scale(1.05)}.loop-button.is-active,.loop-button[aria-pressed=true]{color:var(--highlight-color)}.loop-button.is-active .button-icon svg,.loop-button[aria-pressed=true] .button-icon svg{opacity:1}.more-button.close-mode{color:var(--highlight-color);border-radius:50%;padding:.5em}.more-button.close-mode:after{content:none}.grid-row{display:flex;flex-direction:column}.info-collapse-container{position:relative;display:flex;flex-direction:column;width:clamp(380px,42vw,640px);max-width:92vw;margin:0;padding-block:clamp(.75rem,1.8vw,1.6rem);padding-left:0;padding-right:calc(var(--ui-shell-monitor-padding-inline, 0px) + clamp(1rem,1.8vw,1.6rem));box-sizing:border-box;overflow:hidden}.close-grid-btn{pointer-events:auto;position:absolute;top:clamp(.4rem,1vw,.75rem);right:clamp(.4rem,1vw,.75rem);border:none;padding:0;cursor:pointer;z-index:20}.close-grid-icon{pointer-events:auto;color:var(--color1);width:var(--close-icon-size);height:var(--close-icon-size);display:block}.grid-wrapper{position:relative;display:flex;flex-direction:column;width:100%;padding:0;background-color:transparent;box-sizing:border-box}.grid-content{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:clamp(.5em,1vmin,3vw);align-items:start;justify-items:start;width:100%;box-sizing:border-box;text-align:left}.grid-content div{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;justify-self:start;font-family:var(--orbiters-font-family, "Inter", sans-serif);font-weight:250;font-size:clamp(10px,1.35vmin,24px);padding:clamp(2px,.5vmin,10px);color:var(--color1);border-radius:.5vmin;white-space:normal;overflow-wrap:break-word;text-align:left;transition:transform .3s ease,color .3s ease;box-sizing:border-box}@media (max-width: 768px){.info-collapse-container{min-width:0;max-width:92vw}}.calibration-button,.status-button{display:flex;align-items:center;gap:clamp(.25rem,.6vw,.5rem);background:none;border:none;width:auto;min-width:var(--top-bar-button-size);padding:0 clamp(.4rem,.9vw,.75rem);height:var(--top-bar-button-size);cursor:pointer;font-size:clamp(.75rem,1.5vmin,.95rem);transition:color .3s ease;pointer-events:auto}.status-button{color:#f44336}.calibration-button .button-icon,.status-button .button-icon{flex-shrink:0}.status-button.connected{color:#4caf50}:root{--size-knobs: calc(7vmin + 3vmax) ;--bs-border-radius: .2rem;--icon-size-action: 66%;--button-hover-color: color-mix(in srgb, var(--color1) 77%, transparent);--ui-center-toggle-size: clamp(4rem, 8.2vmin, 5.9rem);--ui-side-action-size: clamp(4.6rem, 9.9vmin, 7.3rem);--ui-side-action-stack-size: clamp(4.2rem, 9.4vmin, 6.95rem);--ui-multiplier-size: clamp(2.3rem, 4.8vmin, 3.35rem)}.transport-button .button-icon,.interaction-button .button-icon{width:var(--icon-size-action);height:var(--icon-size-action)}.interaction-button{justify-content:end!important}.icon-svg{width:80%;height:80%;fill:currentColor}.lfo-interaction-button .icon-svg{width:100%;height:100%}.btn.dropdown-toggle:after{display:none!important}.transport-button.dropdown-toggle:after,.interaction-button.dropdown-toggle:after{display:inline-block!important;vertical-align:middle;margin-left:.2em;border:none;content:"";width:.3em;height:.3em;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(-45deg)}.action-gui-container{display:flex;flex-direction:column;flex-wrap:wrap;margin-top:auto}.xyz-column{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.xyz-cosmic-lfo,.xyz-sensors-toggle{display:none;width:var(--ui-center-toggle-size);height:var(--ui-center-toggle-size);margin:.5vmin;margin-bottom:2vh!important}.xyz-knobs{width:var(--size-knobs);height:var(--size-knobs);margin-bottom:1vh}.lfo-interaction-button{width:var(--ui-center-toggle-size);height:var(--ui-center-toggle-size);margin:.5vmin}.lfo-interaction-button.dropdown-toggle:after{display:none!important;justify-content:end}.freq-multiplier-btn-lfo{width:var(--ui-multiplier-size);height:var(--ui-multiplier-size);padding:0%;display:none}.freq-multiplier-btn-lfo.is-visible{display:flex}.cosmic-amplitude-control{display:none;flex-direction:column;align-items:center;gap:4px;margin-top:8px}.cosmic-amplitude-control.is-visible{display:flex}.cosmic-amplitude-control span{font-size:.75rem;color:var(--color-1, var(--color1));text-transform:uppercase;letter-spacing:.08em}#xCosmicAmplitudeKnob,#yCosmicAmplitudeKnob,#zCosmicAmplitudeKnob,#xCosmicManualKnob,#yCosmicManualKnob,#zCosmicManualKnob{width:calc(var(--size-knobs) * .77)!important;height:calc(var(--size-knobs) * .77)!important}.cosmic-amplitude-knob{width:var(--size-cosmic-amplitude-knob);height:var(--size-cosmic-amplitude-knob)}.cosmic-manual-frequency{display:none}.cosmic-frequency-knob{width:var(--size-cosmic-frequency-knob);height:var(--size-cosmic-frequency-knob)}.xyz-param{width:9vmin;height:3vmin;font-size:1.7vmin}.transport-button,.interaction-button{width:var(--ui-side-action-size);height:var(--ui-side-action-size);margin-right:3vw!important;margin-left:1vw!important}.action-stack{display:none;flex-direction:column;align-items:flex-start;gap:clamp(.2rem,.55vh,.42rem);pointer-events:auto}[data-ui-region=bottom-interaction] .action-stack{align-items:flex-end}.action-stack__button{width:var(--ui-side-action-stack-size);height:var(--ui-side-action-stack-size);display:inline-flex;align-items:center;justify-content:center;color:var(--color1);border:none!important;border-radius:var(--orbiters-rounded-corners, 5px)!important;background-color:color-mix(in srgb,var(--color3) 72%,transparent);cursor:pointer;pointer-events:auto;transition:color .16s ease,background-color .16s ease,transform .16s ease}.action-stack__button:hover,.action-stack__button:focus-visible{color:var(--button-hover-color);transform:scale(1.03);outline:none}.action-stack__button.is-active{background-color:color-mix(in srgb,var(--color1) 70%,transparent);color:var(--color3)}.action-stack__button.is-active:hover,.action-stack__button.is-active:focus-visible{background-color:color-mix(in srgb,var(--color1) 70%,transparent);color:var(--color3)}.action-stack__icon{width:var(--icon-size-action);height:var(--icon-size-action);display:inline-flex;align-items:center;justify-content:center}@media (max-width: 1199.98px){:root{--size-cosmic-amplitude-knob: 5.8vmin;--size-cosmic-frequency-knob: 6.8vmin}.xyz-knobs{width:calc(var(--size-knobs) + 2vmin);height:calc(var(--size-knobs) + 2vmin)}.xyz-sensors-toggle,.xyz-cosmic-lfo,.playback-switch{width:8vmin;height:8vmin}.lfo-interaction-button{width:9vmin;height:6vmin}.xyz-param{width:8vmin;height:3.5vmin;font-size:2.5vmin}.transport-button,.interaction-button{width:13vmin;height:13vmin}#xCosmicAmplitudeKnob,#yCosmicAmplitudeKnob,#zCosmicAmplitudeKnob,#xCosmicManualKnob,#yCosmicManualKnob,#zCosmicManualKnob{width:calc((var(--size-knobs) + 2vmin) * .77)!important;height:calc((var(--size-knobs) + 2vmin) * .77)!important}}@media (max-width: 991.98px){:root{--size-cosmic-amplitude-knob: 6.5vmin;--size-cosmic-frequency-knob: 7.5vmin}.xyz-knobs{width:clamp(3.5rem,26vw,6.5rem);height:clamp(3.5rem,26vw,6.5rem)}.xyz-sensors-toggle,.xyz-cosmic-lfo{width:8vmin;height:8vmin}.playback-switch{width:16vmin;height:16vmin}.lfo-interaction-button{width:13vmin;height:8vmin}.xyz-param{width:13vmin;height:5vmin;font-size:3vmin}.transport-button,.interaction-button{width:13vmin;height:13vmin}#xCosmicAmplitudeKnob,#yCosmicAmplitudeKnob,#zCosmicAmplitudeKnob,#xCosmicManualKnob,#yCosmicManualKnob,#zCosmicManualKnob{width:clamp(2.8rem,20vw,5rem)!important;height:clamp(2.8rem,20vw,5rem)!important}}@media (max-width: 575.98px){:root{--size-cosmic-amplitude-knob: 7.5vmin;--size-cosmic-frequency-knob: 8.5vmin}.xyz-controls-row{gap:clamp(.5rem,3vw,1.2rem);justify-content:center}.xyz-column{width:auto;flex:1 1 0;min-width:0}.xyz-knobs{width:clamp(2.2rem,16vw,3.8rem);height:clamp(2.2rem,16vw,3.8rem)}.xyz-sensors-toggle,.xyz-cosmic-lfo{width:clamp(2rem,8vw,3rem);height:clamp(2rem,8vw,3rem)}.playback-switch{width:16vmin;height:16vmin}.lfo-interaction-button{width:clamp(2.5rem,12vw,4rem);height:clamp(2.5rem,8vw,3rem)}.xyz-param{width:clamp(3rem,20vw,5rem);height:clamp(1.2rem,4vw,2rem);font-size:clamp(.6rem,2.5vw,.9rem)}.transport-button,.interaction-button{width:13vmin;height:13vmin}#xCosmicAmplitudeKnob,#yCosmicAmplitudeKnob,#zCosmicAmplitudeKnob,#xCosmicManualKnob,#yCosmicManualKnob,#zCosmicManualKnob{width:clamp(2.4rem,18vw,4rem)!important;height:clamp(2.4rem,18vw,4rem)!important}.playback-switch svg{width:100%;height:100%}.freq-multiplier-btn-lfo{width:clamp(1.8rem,7vw,2.5rem);height:clamp(1.8rem,7vw,2.5rem);padding:0%}}.action-gui-subcontainer{width:100%;max-width:100%;display:flex;flex-direction:column;gap:2vmin;box-sizing:border-box;position:relative}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-controls-row{align-items:flex-start}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-column{justify-content:flex-start;gap:clamp(.3rem,.85vh,.8rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-knobs{width:clamp(4.75rem,10.5vh,8.5rem);height:clamp(4.75rem,10.5vh,8.5rem);margin-bottom:clamp(.15rem,.5vh,.45rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-param{width:clamp(4.5rem,11vh,7.5rem);height:clamp(1.4rem,3vh,2.4rem);font-size:clamp(.7rem,1.7vh,1rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .lfo-interaction-button,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-cosmic-lfo,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-sensors-toggle{width:clamp(3.4rem,6.9vh,5rem);height:clamp(3.4rem,6.9vh,5rem);margin:0}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .freq-multiplier-btn-lfo{width:clamp(2.2rem,4.6vh,3.2rem);height:clamp(2.2rem,4.6vh,3.2rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #xCosmicAmplitudeKnob,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #yCosmicAmplitudeKnob,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #zCosmicAmplitudeKnob,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #xCosmicManualKnob,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #yCosmicManualKnob,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #zCosmicManualKnob{width:clamp(3.4rem,7.8vh,5.6rem)!important;height:clamp(3.4rem,7.8vh,5.6rem)!important}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .cosmic-amplitude-control{gap:2px;margin-top:0}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .cosmic-amplitude-control span,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .cosmic-manual-frequency span{font-size:clamp(.55rem,1.2vh,.8rem);letter-spacing:.04em}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-column>.d-flex.flex-column.align-items-center{gap:clamp(.15rem,.4vh,.4rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-column>.d-flex.flex-column.align-items-center .row{--bs-gutter-x: clamp(.15rem, .5vh, .45rem);--bs-gutter-y: 0}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] webaudio-monitor[id^=cosmic-lfo-]{--monitor-fontsize: clamp(.65rem, 1.35vh, .9rem)}@media (max-height: 760px){[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-column{gap:clamp(.2rem,.55vh,.5rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-knobs{width:clamp(4rem,8.8vh,7rem);height:clamp(4rem,8.8vh,7rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-param{width:clamp(4rem,9.2vh,6.2rem);height:clamp(1.25rem,2.4vh,2rem);font-size:clamp(.62rem,1.35vh,.88rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .lfo-interaction-button,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-cosmic-lfo,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-sensors-toggle{width:clamp(3rem,5.8vh,4.25rem);height:clamp(3rem,5.8vh,4.25rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .freq-multiplier-btn-lfo{width:clamp(2rem,4vh,2.7rem);height:clamp(2rem,4vh,2.7rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #xCosmicAmplitudeKnob,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #yCosmicAmplitudeKnob,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #zCosmicAmplitudeKnob,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #xCosmicManualKnob,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #yCosmicManualKnob,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] #zCosmicManualKnob{width:clamp(2.9rem,6.4vh,4.7rem)!important;height:clamp(2.9rem,6.4vh,4.7rem)!important}}#gSlider{width:calc(3vmin + 3vmax);height:30vh}@media (max-width: 1399.98px){#gSlider{width:calc(4vmin + 4vmax);height:30vh}}@media (max-width: 1199.98px){#gSlider{width:calc(4vmin + 4vmax);height:30vh}}@media (max-width: 991.98px){#gSlider{width:calc(5vmin + 5vmax);height:30vh}}@media (max-width: 575.98px){#gSlider{width:calc(6vmin + 6vmax);height:30vh}}.action-gui-row{display:flex;flex-wrap:nowrap;align-items:end!important;margin-bottom:4vh!important;width:100%;height:20vh;max-width:100%;margin:0 auto;box-sizing:border-box;padding:0 var(--ui-shell-padding-inline)}.dropdown,.dropup-center{pointer-events:auto}.dropdown-menu,.dropup-center-menu{background-color:#000;border:1px solid var(--color1);pointer-events:auto;min-width:60px}.interaction-button{border-radius:8px;background-color:transparent;color:var(--color1);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,border-color .3s ease,color .3s ease}.lfo-interaction-button{background-color:transparent;color:var(--color1);transition:transform .3s ease,border-color .3s ease,color .3s ease;padding:.1em}.lfo-interaction-button svg{fill:currentColor;fill-opacity:.7;stroke:currentColor;stroke-width:1.25px;transition:stroke .3s ease}.interaction-button:hover,.interaction-button:focus{transform:scale(1.05);color:var(--button-hover-color);outline:none}#interactionMenuIcon{display:inline-block;width:50%;height:50%;color:inherit}.transport-button{border-radius:8px;background-color:transparent;color:var(--color1);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,border-color .3s ease,color .3s ease}.transport-button:hover,.transport-button:focus{transform:scale(1.05);color:var(--button-hover-color);outline:none}#transportMenuIcon{display:inline-block;width:50%;height:50%;color:inherit}.dropdown-item{font-family:var(--orbiters-font-family, "Inter", sans-serif);padding:.5rem 1rem;display:flex;align-items:center;transition:#000000 .3s ease,color .3s ease}.button-group-container .dropdown-item{background-color:#000;color:#fff;border-radius:0}@media (max-height: 570px){.cosmic-amplitude-knob,#xCosmicAmplitudeKnob,#yCosmicAmplitudeKnob,#zCosmicAmplitudeKnob{width:clamp(34px,8.5vmin,56px)!important;height:clamp(34px,8.5vmin,56px)!important}#xCosmicManualKnob,#yCosmicManualKnob,#zCosmicManualKnob{width:clamp(30px,8vmin,56px)!important;height:clamp(30px,8vmin,56px)!important}.freq-multiplier-btn-lfo{width:clamp(21px,4.2vmin,36px)!important;height:clamp(21px,4.2vmin,36px)!important}#xCosmicLFO,#yCosmicLFO,#zCosmicLFO{width:clamp(21px,4.8vmin,36px)!important;height:clamp(21px,4.8vmin,36px)!important}[id$=CosmicAmplitudeWrapper] span{display:none}.action-gui-row{margin-bottom:2vh!important;height:20vh}}@media (max-height: 340px){.freq-multiplier-btn-lfo,.cosmic-manual-frequency{display:none!important}.lfo-interaction-button,.xyz-sensors-toggle,.xyz-cosmic-lfo{width:8vmin;height:6vmin}.button-group-container[data-group$=-waveform-dropdown] .menu-item-label,.button-group-container[data-group$=-exo-lfo-dropdown] .menu-item-label{display:none}}.button-group-container .dropdown-item:hover,.button-group-container .dropdown-item.is-pointer-hover{background-color:#fff;border-radius:0%;color:#000}.menu-item-icon{display:inline-block;width:1rem;height:1rem;margin-right:8px;filter:invert(100%);transition:filter .3s ease}.button-group-container .dropdown-item:hover .menu-item-icon,.button-group-container .dropdown-item.is-pointer-hover .menu-item-icon{filter:invert(100%)}.button-group-container .dropdown-item.active,.button-group-container .dropdown-item:active{background-color:var(--color1);color:var(--color2)}.button-group-container .dropdown-item.active .menu-item-icon,.button-group-container .dropdown-item:active .menu-item-icon{filter:invert(0%)}.button-group-container[data-group$=-waveform-dropdown] .button-icon,.button-group-container[data-group$=-exo-lfo-dropdown] .button-icon{display:inline-flex;align-items:center;justify-content:center;width:80%;height:80%}.button-group-container[data-group$=-waveform-dropdown] .button-icon .icon-svg,.button-group-container[data-group$=-exo-lfo-dropdown] .button-icon .icon-svg{width:100%;height:100%}.button-group-container[data-group$=-waveform-dropdown] .menu-icon-slot,.button-group-container[data-group$=-exo-lfo-dropdown] .menu-icon-slot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:8px}.button-group-container[data-group$=-waveform-dropdown] .menu-icon-slot .menu-icon-svg,.button-group-container[data-group$=-exo-lfo-dropdown] .menu-icon-slot .menu-icon-svg{width:100%;height:100%}.button-group-container[data-group$=-waveform-dropdown] .menu-item-label,.button-group-container[data-group$=-exo-lfo-dropdown] .menu-item-label{display:inline-block;line-height:1.1;font-size:clamp(.75rem,1.3vmin,.95rem)}[data-ui-region=bottom-transport] .button-group-container[data-group=transport-dropdown],[data-ui-region=bottom-interaction] .button-group-container[data-group=interaction-dropdown]{width:var(--ui-shell-side-lane-width);display:flex;justify-content:center;margin-left:0!important;margin-right:0!important}[data-ui-region=bottom-transport] .transport-button,[data-ui-region=bottom-interaction] .interaction-button{margin-left:0!important;margin-right:0!important}[data-nav-viewport-state=desktop] .button-group-container[data-group=transport-dropdown] .action-stack,[data-nav-viewport-state=desktop] .button-group-container[data-group=interaction-dropdown] .action-stack{display:inline-flex}[data-nav-viewport-state=desktop] .button-group-container[data-group=transport-dropdown] .dropup,[data-nav-viewport-state=desktop] .button-group-container[data-group=interaction-dropdown] .dropup,[data-nav-height-state=short][data-nav-viewport-state=desktop] .button-group-container[data-group=transport-dropdown] .action-stack,[data-nav-height-state=short][data-nav-viewport-state=desktop] .button-group-container[data-group=interaction-dropdown] .action-stack{display:none}[data-nav-height-state=short][data-nav-viewport-state=desktop] .button-group-container[data-group=transport-dropdown] .dropup,[data-nav-height-state=short][data-nav-viewport-state=desktop] .button-group-container[data-group=interaction-dropdown] .dropup{display:flex}:root{--waveform-height: 30vh;--overview-height: 8vh;--waveform-zoom-height: calc(var(--waveform-height) - var(--overview-height));--waveform-scrollbar-height: 18px;--peaks-overlay-zoom-height: 28px;--peaks-overlay-seek-height: 32px;--peaks-overlay-color: rgba(255, 255, 255, .377);--peaks-seek-overlay-color: rgba(255, 255, 255, .177);--peaks-side-column-width: 44px;--color-2: var(--color2)}#waveform{position:relative;width:100%;height:var(--waveform-height)}.waveform-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:var(--waveform-height);margin-top:2vh;margin-bottom:0;position:relative;background:transparent;color:var(--color1)}.waveform{width:100%;height:var(--waveform-height);background:transparent;position:relative;pointer-events:auto;overflow:hidden}.peaks-root{position:relative;display:flex;flex-direction:column;gap:6px;width:100%;height:100%;color:var(--color1)}.peaks-root--mobile{gap:0}.peaks-zoom-section{position:relative;flex:0 0 calc(var(--waveform-zoom-height) - var(--waveform-scrollbar-height));height:calc(var(--waveform-zoom-height) - var(--waveform-scrollbar-height));width:100%;display:flex;align-items:stretch;gap:8px}.peaks-row--overview{flex:0 0 var(--overview-height);height:var(--overview-height)}.peaks-row--scrollbar{flex:0 0 var(--waveform-scrollbar-height);height:var(--waveform-scrollbar-height)}.peaks-row{position:relative;display:flex;align-items:stretch;gap:8px;width:100%}.peaks-row__main{flex:1;min-width:0;display:flex;flex-direction:column}.peaks-side-column{width:var(--peaks-side-column-width);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;pointer-events:none}.peaks-side-column--left{padding-right:4px}.peaks-side-column--right{padding-left:4px}.peaks-icon-slot{position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;opacity:.6;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5;user-select:none}.peaks-overlay-zoom .peaks-icon-slot--zoom,.peaks-overlay-seek .peaks-icon-slot--seek{left:8px;top:50%;transform:translateY(-50%)}.peaks-zoom-wrapper .peaks-icon-slot--loop{left:8px;top:calc(var(--peaks-overlay-zoom-height) + var(--peaks-overlay-seek-height) + ((100% - var(--peaks-overlay-zoom-height) - var(--peaks-overlay-seek-height)) / 2));transform:translateY(-50%)}.peaks-icon{width:20px;height:20px;flex:0 0 auto;background-color:var(--color-2);mask-image:var(--peaks-icon-url, none);-webkit-mask-image:var(--peaks-icon-url, none);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain;transition:transform .2s ease,background-color .2s ease;filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}.peaks-icon-slot.has-selection{opacity:.75}.peaks-icon-slot.is-active{opacity:1}.peaks-icon-slot.is-active .peaks-icon{transform:scale(1.05)}.peaks-icon-slot.is-engaged{opacity:1}.peaks-icon-slot.is-engaged .peaks-icon{transform:scale(1.08)}.peaks-zoom-wrapper{position:relative;flex:1;min-width:0;height:100%;border-radius:6px;overflow:hidden;background:transparent}.peaks-zoomview{width:100%;height:100%;background:#000c}.peaks-scrollbar{position:relative;flex:1;height:100%;border-radius:6px;overflow:hidden;background:#000c}.peaks-overview{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.peaks-overview--hidden{display:none;min-height:0;height:0;overflow:hidden}.peaks-overview-wrapper{position:relative;flex:1;height:100%;border-radius:6px;overflow:hidden;background:#000c}.peaks-overview-wrapper--hidden{display:none}.peaks-overview-overlay{position:absolute;inset:0;pointer-events:auto;z-index:2;touch-action:none;user-select:none}.peaks-overview-selection{position:absolute;top:0;bottom:0;left:0;width:0;min-width:4px;background:#ffffff24;border:1px solid var(--color-2);border-radius:3px;cursor:grab;pointer-events:auto;touch-action:none;user-select:none}.peaks-overview-selection:active{cursor:grabbing}.peaks-overview-handle{position:absolute;top:0;bottom:0;width:10px;background:#ffffff2e;cursor:ew-resize;touch-action:none;user-select:none}.peaks-overview-handle--start{left:-5px}.peaks-overview-handle--end{right:-5px}.peaks-overview-handle:after{content:"";position:absolute;top:20%;bottom:20%;left:50%;width:2px;background:var(--color-2);transform:translate(-50%);border-radius:1px}.peaks-root--mobile .peaks-row{flex-direction:column;gap:0}.peaks-root--mobile .peaks-zoom-section{flex-direction:column;align-items:stretch;gap:4px}.peaks-root--mobile .peaks-row__main,.peaks-root--mobile .peaks-zoom-wrapper,.peaks-root--mobile .peaks-scrollbar,.peaks-root--mobile .peaks-overview-wrapper{width:100%}.peaks-root--mobile .peaks-zoom-section .peaks-side-column,.peaks-root--mobile .peaks-row--scrollbar .peaks-side-column,.peaks-root--mobile .peaks-row--overview .peaks-side-column{display:none}.peaks-overlay{position:absolute;left:0;right:0;pointer-events:auto;touch-action:none}.peaks-overlay-zoom{top:0;height:var(--peaks-overlay-zoom-height);cursor:ns-resize;background:var(--peaks-overlay-color)}.peaks-overlay-seek{top:var(--peaks-overlay-zoom-height);height:var(--peaks-overlay-seek-height);cursor:pointer;background:var(--peaks-seek-overlay-color)}.peaks-loop-toggle{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid #ffffff;background:#000;cursor:pointer;transition:background .2s ease-in-out}.peaks-loop-toggle:focus-visible{outline:2px solid var(--color2);outline-offset:2px}.peaks-loop-toggle__icon{width:18px;height:18px;pointer-events:none;background-color:#fff;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.peaks-loop-toggle:hover{background:#ffffff1f}.peaks-loop-toggle--active{background:#fff;border-color:#000}.peaks-loop-toggle--active .peaks-loop-toggle__icon{background-color:#000}#waveform-time,#waveform-duration{position:absolute;font-size:12px;background:#000000bf;padding:3px 8px;color:#fff;border-radius:3px;bottom:6px;z-index:1000}#waveform-time{left:8px;color:var(--color2)}#waveform-duration{right:8px}#zoom-container{display:flex;justify-content:center;align-items:center;width:100%}.zoom-slider-placeholder{width:100%;max-width:360px;height:32px;pointer-events:none}.playback-switch{pointer-events:auto;background-color:transparent;border:none;cursor:pointer;padding:10px;transition:transform .2s ease-in-out,background-color .3s ease-in-out;width:13vmin;height:13vmin;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color1)}.playback-switch svg{width:60%;height:60%;fill:currentColor;transition:fill .3s ease-in-out}.playback-switch:hover{transform:scale(1.1)}.playback-switch.move-group-button{color:var(--color1)}.playback-switch.loop-group-button{color:var(--color2)}.playback-switch.move-group-button:hover,.playback-switch.move-group-button:focus{color:var(--color1);transform:scale(1.1)}.playback-switch.loop-group-button:hover,.playback-switch.loop-group-button:focus{color:var(--color2);transform:scale(1.1)}.playback-switch.active{background-color:#424242cc}.playback-switch.active svg{fill:currentColor!important}@media (max-width: 1199.98px){.playback-switch{width:8vmin;height:8vmin}}@media (max-width: 991.98px){.playback-switch{width:16vmin;height:16vmin}.playback-switch svg{width:90%;height:90%}}@media (max-width: 575.98px){.playback-switch{width:16vmin;height:16vmin}.playback-switch svg{width:100%;height:100%}}.peaks-loop-toggle--active:hover{background:#fff}.modal{--bs-modal-zindex: 1055;--bs-modal-width: 90%;--bs-modal-padding: 1rem;--bs-modal-margin: 0;--bs-modal-bg: #ffffff;--bs-modal-border-radius: 8px;--bs-modal-box-shadow: none;--bs-modal-inner-border-radius: calc(var(--bs-modal-border-radius) - 2px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--bs-modal-width);max-width:400px;height:auto;z-index:var(--bs-modal-zindex);transition:opacity .3s ease,visibility .3s ease}modal.show{display:block;visibility:visible;opacity:1}.modal-backdrop{opacity:.5}#numericKeyboardModal{padding:20px;border-radius:8px}#numericKeyboardModal.active{display:block;visibility:visible;opacity:1}#universalModal{--bs-modal-bg: #f8f9fa;--bs-modal-border-radius: 10px;padding:16px;z-index:1056}#universalModal.active{display:block!important;visibility:visible!important;opacity:1!important}#universalModal .modal-content{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--bs-modal-bg);border-radius:var(--bs-modal-border-radius);max-height:90vh;overflow-y:auto}#universalModal .modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;font-size:1rem;color:#495057}.modal-content-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}#qrCodeCanvas{display:block;margin:0 auto;max-width:80%;box-shadow:0 4px 10px #0000001a}#universalModal .modal-footer{border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem}.modal-content{max-height:90vh;overflow-y:auto}@media (max-width: 768px){.modal{--bs-modal-width: 100%}#universalModal{--bs-modal-border-radius: 0}#universalModal .modal-body{padding:1rem;gap:.75rem}}:root{--color1: rgb(255, 255, 255);--color2: rgb(187, 187, 187);--color3: #000000;--color4: #ffffff;--highlight-color: #02ff02;--mapped-color: #9aff9a;--orbiters-rounded-corners: 5px;--orbiters-frame-border-width: 1.5px;--orbiters-font-family: "Inter", sans-serif;--orbiters-min-size: 220px}*{margin:0;padding:0}body,body *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.shortcut-hint{display:inline-flex;align-items:center;margin-left:.35em;font-size:.8em;letter-spacing:.05em;color:inherit;white-space:nowrap}[data-nav-shell=mobile] .shortcut-hint,[data-nav-shell=mobile] .desktop-only,[data-nav-shell=mobile] .top-bar__section--center{display:none!important}@media (max-width: 768px),(pointer: coarse){.shortcut-hint,.desktop-only{display:none!important}}html,body{margin:0;padding:0;overflow:hidden;background-color:#000!important;height:100%;min-width:var(--orbiters-min-size);font-family:var(--orbiters-font-family, "Inter", sans-serif)}.dropdown-menu,.dropup-center-menu{background-color:#000;border-radius:10px}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;color:var(--color1);display:flex;align-items:center;justify-content:center;text-align:center;font-size:2.5vw;font-weight:700;font-family:var(--orbiters-font-family, "Inter", sans-serif);z-index:9999;transition:opacity .5s ease-in-out}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:3vh}.orbit-container{position:relative;width:10vw;height:10vw;display:flex;justify-content:center;align-items:center}.orbit-dot{position:absolute;width:1.5vw;height:1.5vw;background-color:var(--color2);border-radius:50%;animation:orbit 1.8s linear infinite}@keyframes orbit{0%{transform:rotate(0) translate(5vw) rotate(0)}to{transform:rotate(360deg) translate(5vw) rotate(-360deg)}}.loading-text{font-size:clamp(13px,2vw,26px);font-weight:700;max-width:95%;text-align:center;min-height:3vh;max-height:12vh;font-family:var(--orbiters-font-family, "Inter", sans-serif);line-height:1.4;white-space:pre-wrap;word-wrap:break-word}#transportMenuButton{position:relative}.transport-buffering-indicator{position:absolute;left:50%;bottom:-.45rem;color:var(--color1);font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%) translateY(2px);transition:opacity .16s ease,transform .16s ease}@keyframes loadingBlink{0%,to{opacity:1}50%{opacity:.35}}#transportMenuButton.is-buffering .transport-buffering-indicator{opacity:1;transform:translate(-50%) translateY(0);animation:loadingBlink .9s steps(1,end) infinite}.waveform-buffering-status{min-height:1.1rem;margin-top:.25rem;font-size:clamp(11px,1.1vmin,13px);letter-spacing:.01em;color:var(--color2);opacity:0;transition:opacity .16s ease;text-align:right}.waveform-buffering-status.visible{opacity:1}webaudio-slider{width:50%;height:100%;margin:0;padding:0}webaudio-knob,webaudio-param,webaudio-slider,webaudio-switch,webaudio-numeric-keyboard{pointer-events:auto}.midi-learn-mode webaudio-knob,.midi-learn-mode webaudio-param,.midi-learn-mode webaudio-slider,.midi-learn-mode webaudio-switch,.midi-learn-mode webaudio-numeric-keyboard{pointer-events:none}.widget-overlay{background-color:#0000;pointer-events:auto;border:2px solid var(--highlight-color, orange)}#midi-context-menu{display:none;color:#fff;background-color:#0c0c0ceb;--bs-dropdown-bg: rgba(12, 12, 12, .92);--bs-dropdown-link-color: #ffffff;--bs-dropdown-link-hover-color: #ffffff;--bs-dropdown-link-hover-bg: rgba(255, 255, 255, .18);--bs-dropdown-link-active-color: #ffffff;--bs-dropdown-link-active-bg: rgba(255, 255, 255, .24)}#midi-context-menu .dropdown-item{color:#fff}#midi-context-menu .dropdown-item:hover,#midi-context-menu .dropdown-item:focus{color:#fff}.midi-learn-highlight{border:2px solid var(--highlight-color, orange);box-shadow:0 0 10px #9f9f9f80}[data-automatable=true]:hover{cursor:pointer}#midi-context-menu.show{display:block;z-index:1050}.midi-disabled #midi-context-menu,.midi-disabled #exit-midi-learn,.midi-disabled #midi-item{display:none!important}.midi-learn-dropdown{border:2px solid var(--highlight-color, orange);background-color:#f0f0f0f3;cursor:pointer}.midi-learn-dropdown:hover{background-color:#8df4ff}.midi-indicator{display:none;position:fixed;background-color:var(--highlight-color, orange);color:#000;padding:2px 4px;border-radius:3px;font-size:10px;font-family:var(--orbiters-font-family, "Inter", sans-serif);z-index:1002}.midi-learn-mode .midi-indicator{display:block}.ratio-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:var(--orbiters-min-size);min-height:var(--orbiters-min-size);max-width:100%;max-height:100%;background-color:#000;overflow:hidden;box-sizing:border-box}canvas{position:absolute;top:0;left:0;display:block}#canvas3D{width:100%;height:100%;z-index:1;background:transparent;pointer-events:auto}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.sub-frame{position:relative;top:4%;left:4%;width:92%;height:92%;border:var(--orbiters-frame-border-width, 1.5px) solid var(--color1);border-radius:var(--orbiters-rounded-corners, 5px);display:flex;flex-direction:column;box-sizing:border-box;background:none;padding:1%;overflow:visible;z-index:1}.mid-container{position:relative;display:flex;justify-content:flex-end;align-items:center;margin-top:auto;height:100%;z-index:1}.mid-container .col-1{position:absolute;top:50%;right:var(--ui-shell-padding-inline);height:40vh;width:var(--ui-shell-side-lane-width);transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}[data-nav-viewport-state=desktop][data-nav-height-state=tall] .mid-container .col-1{top:calc(50% - clamp(2.75rem,7vh,5.5rem));justify-content:flex-start}button,.btn{outline:none;box-shadow:none;background:none;border:none;padding:0;margin:0;appearance:none}.btn-primary{--bs-btn-color: #000000;--bs-btn-bg: #000000;--bs-btn-border-color: #0d6efd;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #000000;--bs-btn-hover-border-color: #000000;--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-color: #ffffff;--bs-btn-active-bg: #000000;--bs-btn-active-border-color: #0a53be;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #000000}#notification-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1052;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}.notification-toast{font-family:var(--orbiters-font-family, "Inter", sans-serif);position:relative;background-color:#000;color:#fff;z-index:1052;padding:10px 36px 10px 20px;border-radius:5px;font-size:.8rem;opacity:.9;animation:fade-in .3s ease;pointer-events:auto;box-shadow:0 2px 6px #0000004d;text-align:center}.notification-toast-message{display:block}.notification-toast-close{position:absolute;top:4px;right:6px;background:transparent;border:0;color:inherit;font-size:.9rem;line-height:1;cursor:pointer;padding:4px}.notification-toast-close:focus-visible{outline:1px solid rgba(255,255,255,.7);outline-offset:2px}@keyframes fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.notification-toast-success{background-color:#28a745}.notification-toast-error{background-color:#dc3545}.notification-toast-info{background-color:#17a2b8}.fade-out{animation:fade-out .3s ease forwards}.modal-title{font-family:var(--orbiters-font-family, "Inter", sans-serif);font-size:clamp(.8rem,2.5vw,1.1rem);font-weight:600;letter-spacing:.01em;margin:0;padding:.2em 0;line-height:1.2;text-align:center}.lil-gui{--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-family-title: Orbit, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-family-mono: Menlo, Monaco, Consolas, "Droid Sans Mono", monospace;--font-size: 12px;--input-font-size: 12px;--spacing:6px;--padding:4px;--widget-height:24px;--gui-width: 300px;--gui-min-width: 210px;--gui-max-width: 96vw;--background: 0 0% 0%;--slider-track-width: 1px;--slider-arrow-size: 7px;--slider-arrow-border-size: 3px;--slider-arrow-fill-color: var(--color-bg-hover);--slider-arrow-border-color: var(--color-text);--panel-radius:0px;--color-text:#ffffff;--color-dim:#cdcdcd;--color-accent:#00d2ff;--color-accent-alt:#14ffa3;--color-title: #ffffff;--color-sub-title: #ffffff;--color-bg-title: hsl(var(--background) / .11);--color-bg-sub-title: hsl(var(--background) / .11);--color-border:#ffffff;--name-width:42%;--focus-ring: 0 0 0 1px var(--color-accent);font:var(--font-size)/1 var(--font-family);color:var(--color-text);box-sizing:border-box;display:flex;flex-direction:column;gap:0;width:var(--gui-width);min-width:var(--gui-min-width);max-width:var(--gui-max-width);background:hsl(var(--background) / .23);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:0px solid #222;border-radius:var(--panel-radius);user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.lil-gui.root{max-height:calc(100vh - 40px);min-height:0}.lil-gui.autoPlace{max-height:calc(100vh - 80px)}.lil-gui *,.lil-gui *:before,.lil-gui *:after{box-sizing:border-box}.lil-gui.autoPlace{position:fixed;top:12px;right:12px;z-index:1000}.lil-gui button,.lil-gui input{font:inherit}.lil-gui .title{width:100%;height:calc(var(--widget-height) + var(--spacing));display:flex;align-items:center;justify-content:center;padding:0 var(--padding);font-family:var(--font-family-title);font-weight:600;background:var(--color-bg-title);color:var(--color-title);border:0;cursor:pointer;text-align:center;border-radius:var(--panel-radius) var(--panel-radius) 0 0;position:relative}.lil-gui .title:before{content:"▾";position:absolute;left:var(--padding);transition:transform .25s ease}.lil-gui.closed>.title:before{transform:rotate(-90deg)}.lil-gui .children{overflow:visible;padding:var(--spacing) 0;padding-right:20px;display:flex;flex-direction:column}.lil-gui.root>.children{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.lil-gui.closed>.children{display:none}.lil-gui .controller{display:flex;align-items:center;gap:var(--spacing);padding:0 var(--padding);margin:var(--spacing) 0}.lil-gui .controller>.name{min-width:var(--name-width);flex-shrink:0;font-weight:500;line-height:var(--widget-height);color:var(--color-dim)}.lil-gui .controller .widget{flex:1;min-height:var(--widget-height);display:flex;align-items:center;gap:var(--spacing)}.lil-gui input{width:100%;height:var(--widget-height);border:1px solid var(--color-border);background:var(--color-bg-widget);color:var(--color-text);border-radius:6px;padding:0 8px;outline:none;transition:background .15s,border-color .15s}.lil-gui input:hover{background:var(--color-bg-hover)}.lil-gui input:focus{background:var(--color-bg-focus);box-shadow:var(--focus-ring);border-color:var(--color-accent)}.lil-gui .controller.number{position:relative}.lil-gui .controller.number.hasSlider input{max-width:30%;min-width:56px}.lil-gui .controller.number .slider{position:relative;flex:1;height:var(--widget-height);background:transparent;border:none;border-radius:6px;cursor:ew-resize;overflow:visible;padding:8px 0}.lil-gui .controller.number .slider:hover,.lil-gui .controller.number .slider.active{background:transparent}.lil-gui .controller.number.hasSlider .slider:before{content:"";position:absolute;top:50%;left:0;right:0;height:var(--slider-track-width);background:var(--color-border);transform:translateY(-50%);border-radius:1px}.lil-gui .controller.number.hasSlider .slider:hover:before{background:var(--color-dim)}.lil-gui .controller.number .slider .fill{position:absolute;top:50%;left:0;height:2px;background:linear-gradient(var(--color-border));transform:translateY(-50%);border-radius:1px;pointer-events:none}.lil-gui .controller.number .slider .valueArrow{position:absolute;top:50%;width:0;height:0;transform:translateY(-50%);pointer-events:none;z-index:2}.lil-gui .controller.number .slider .valueArrow:before{content:"";position:absolute;left:calc(-1 * var(--slider-arrow-size) - var(--slider-arrow-border-size));top:calc(-1 * var(--slider-arrow-size) - var(--slider-arrow-border-size));width:0;height:0;border-top:calc(var(--slider-arrow-size) + var(--slider-arrow-border-size)) solid transparent;border-bottom:calc(var(--slider-arrow-size) + var(--slider-arrow-border-size)) solid transparent;border-left:calc((var(--slider-arrow-size) + var(--slider-arrow-border-size)) * 2) solid var(--slider-arrow-border-color);z-index:1}.lil-gui .controller.number .slider .valueArrow:after{content:"";position:absolute;left:calc(-1 * var(--slider-arrow-size));top:calc(-1 * var(--slider-arrow-size));width:0;height:0;border-top:var(--slider-arrow-size) solid transparent;border-bottom:var(--slider-arrow-size) solid transparent;border-left:calc(var(--slider-arrow-size) * 2) solid var(--slider-arrow-fill-color);z-index:2}.lil-gui .controller.number .slider:hover .valueArrow:before{border-left-color:var(--color-dim);border-right-color:var(--slider-arrow-border-color)}.lil-gui .controller.number .slider.active .valueArrow:before{border-left-color:var(--color-accent-alt);border-right-color:var(--slider-arrow-border-color);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.lil-gui .controller.boolean input[type=checkbox]{appearance:none;width:var(--widget-height);height:var(--widget-height);display:grid;place-items:center;padding:0}.lil-gui .controller.boolean input[type=checkbox]:before{content:"";width:60%;height:60%;border-radius:4px;border-color:var(--color-border);background:var(--color-text);opacity:0;transform:scale(.5);transition:.18s}.lil-gui .controller.boolean input[type=checkbox]:checked:before{opacity:1;transform:scale(1)}.lil-gui .controller.option{position:relative}.lil-gui .controller.option select{position:absolute;inset:0;opacity:0;cursor:pointer}.lil-gui .controller.option .display{position:relative;width:100%;height:var(--widget-height);line-height:var(--widget-height);padding:0 10px;background:var(--color-bg-widget);border:1px solid var(--color-border);border-radius:6px;overflow:hidden;pointer-events:none}.lil-gui .controller.option .display:after{content:"▾";position:absolute;right:8px;top:0;bottom:0;display:flex;align-items:center}.lil-gui .controller.color{position:relative}.lil-gui .controller.color .display{flex:1;height:var(--widget-height);border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-widget);position:relative;overflow:hidden}.lil-gui .controller.color input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.lil-gui .controller.color input[type=text]{max-width:45%}.lil-gui .controller.function button{width:100%;height:var(--widget-height);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-alt));border:0;border-radius:6px;color:#000;font-weight:600;cursor:pointer}.lil-gui .controller.function button:hover{filter:brightness(1.08)}.lil-gui .controller.function button:active{filter:brightness(.9)}.lil-gui .lil-gui{margin:var(--spacing) 0 0;border:0 solid #000000f2;border-radius:2px;background:#0000}.lil-gui .lil-gui>.title{border-radius:var(--panel-radius) var(--panel-radius) 0 0;font-size:12px;font-family:var(--font-family-title);background:var(--color-bg-sub-title);color:var(--color-sub-title);font-weight:600}.lil-gui .lil-gui.closed>.title:before{transform:rotate(-90deg)}.lil-gui::-webkit-scrollbar{width:6px}.lil-gui::-webkit-scrollbar-thumb{background:#2d2d2d;border-radius:3px}.lil-gui::-webkit-scrollbar-track{background:transparent}.lil-gui .controller.disabled{opacity:.45;pointer-events:none}@media (max-width: 480px){.lil-gui{--gui-width: 220px}}@media (max-width: 320px){.lil-gui{--gui-width: 210px}}.lil-gui .lil-gui{min-width:180px;width:auto;max-width:96vw}@media (max-width: 480px){.lil-gui .lil-gui{min-width:150px}}