@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}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.align-items-center{align-items:center!important}.justify-content-center{justify-content:center!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mt-3{margin-top:1rem!important}.row{display:flex;flex-direction:row}.col-1{flex:0 0 auto;width:8.33333333%}.dropdown-menu{--ui-dropdown-item-gap: .5rem;--ui-dropdown-menu-icon-slot-size: clamp(1.3rem, 2.6vmin, 1.56rem);--ui-dropdown-menu-icon-wide-scale: .88;--ui-dropdown-menu-icon-square-scale: .96;--ui-dropdown-menu-label-size: clamp(.75rem, 1.3vmin, .95rem)}.dropdown-menu{position:absolute;top:calc(100% + .35rem);left:0;display:none;z-index:1000;list-style:none;padding:.35rem 0;margin:0;min-width:clamp(9rem,18vw,13rem)}.dropdown-menu.show{display:block}.dropdown-menu .dropdown-item{display:flex;align-items:center;gap:0}.dropdown-menu .menu-icon-slot{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-dropdown-menu-icon-slot-size);height:var(--ui-dropdown-menu-icon-slot-size);flex:0 0 var(--ui-dropdown-menu-icon-slot-size);margin-right:var(--ui-dropdown-item-gap)}.dropdown-menu .menu-item-label{display:inline-flex;align-items:center;min-height:var(--ui-dropdown-menu-icon-slot-size);line-height:1;font-size:var(--ui-dropdown-menu-label-size)}.dropdown-menu .menu-item-icon,.dropdown-menu .menu-icon-slot .menu-icon-svg{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.dropdown-menu .menu-icon-slot .menu-item-icon{margin-right:0!important}.dropdown-menu .dropdown-item>.menu-item-icon,.dropdown-menu .dropdown-item>.menu-icon-svg{width:var(--ui-dropdown-menu-icon-slot-size)!important;height:var(--ui-dropdown-menu-icon-slot-size)!important;flex:0 0 var(--ui-dropdown-menu-icon-slot-size);margin-right:var(--ui-dropdown-item-gap)}.dropdown-menu .menu-icon-slot .menu-icon-svg.menu-icon-svg--wide{transform:scale(var(--ui-dropdown-menu-icon-wide-scale));transform-origin:center}.dropdown-menu .menu-icon-slot .menu-icon-svg.menu-icon-svg--square{transform:scale(var(--ui-dropdown-menu-icon-square-scale));transform-origin:center}.dropdown-menu-end{right:0;left:auto}.dropdown,.dropup,.dropup-center,.dropup-start,.dropup-end{position:relative}.dropup .dropdown-menu,.dropup-center .dropdown-menu,.dropup-start .dropdown-menu,.dropup-end .dropdown-menu{top:auto;bottom:calc(100% + .35rem)}.dropup-center .dropdown-menu{left:0;right:auto;transform:none}.modal{display:none;inset:0;width:100vw;height:100vh}.modal.show,.modal.active{display:flex}.modal-dialog{position:relative;width:min(90vw,32rem);margin:0}.modal-content{position:relative;background:#fff}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1rem 0}.modal-title{margin:0}.modal-body{padding:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:0 1rem 1rem}.btn-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:#000;cursor:pointer}.btn-close:before{content:"×";font-size:1.5rem;line-height:1}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:1050}.list-group-item{display:block;width:100%}.list-group-item-action{cursor:pointer}.orbiters-tooltip{position:fixed;z-index:2000;max-width:min(18rem,80vw);padding:.45rem .6rem;border:1px solid rgba(255,255,255,.22);background:#080808f0;color:#fff;font-size:.8rem;line-height:1.35;pointer-events:none;box-shadow:0 10px 30px #00000047}:root{--ui-shell-frame-inset: 4%;--ui-shell-content-inset: 1%;--ui-shell-side-safe-inset: var(--ui-shell-content-inset);--ui-horizontal-inset: var(--ui-shell-side-safe-inset);--ui-shell-frame-size: calc(100% - 2 * var(--ui-shell-frame-inset));--ui-shell-padding-inline: var(--ui-shell-side-safe-inset);--ui-shell-monitor-padding-inline: var(--ui-shell-padding-inline);--ui-shell-header-side-shift: 0px;--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}[data-ui-shell][data-active-panel=PLAYBACK_PANEL] [data-ui-region=bottom-center]{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%}.xyz-controls-row{display:flex;flex-wrap:wrap}.xyz-column{flex:0 0 auto;width:33.333%}@media (max-width: 480px){:root{--ui-shell-side-lane-width: clamp(1.9rem, 10vw, 2.75rem)}}@media (max-width: 768px){[data-ui-region=bottom-center]{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%}}[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);--top-bar-item-gap: clamp(.35rem, .75vw, .7rem);--top-bar-inactive-ink: var(--color1);--top-bar-active-ink: var(--highlight-color);--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-horizontal-inset, 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:var(--top-bar-item-gap);pointer-events:auto}.top-bar__section--left{justify-self:start;display:grid;grid-template-columns:var(--top-bar-button-size) var(--top-bar-button-size) auto;align-items:center;justify-content:flex-start;column-gap:var(--top-bar-item-gap)}.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__center-cluster{display:inline-flex;align-items:center;justify-content:center;gap:clamp(.4rem,.8vw,.7rem);min-width:0;pointer-events:auto}.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;cursor:pointer}.top-bar__section .top-bar-button:focus-visible{border:1px solid transparent;background-color:transparent;outline:none;color:var(--color1)}.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(.55rem,1vw,.9rem)}.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:clamp(.45rem,.85vw,.7rem);border:none;content:"";width:.3em;height:.3em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}#informationMenuButton,#moreMenuButton{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:0}.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}.top-bar__section .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);display:inline-flex;align-items:center;justify-content:center;border:none!important;border-radius:0!important;background-color:transparent!important;color:var(--top-bar-inactive-ink);position:relative;cursor:pointer;pointer-events:auto;text-align:center}.top-bar__section .dimension-selector__tab:after{content:"";position:absolute;left:clamp(.7rem,1vw,1rem);right:clamp(.7rem,1vw,1rem);bottom:clamp(.45rem,.75vmin,.6rem);height:2px;background-color:var(--top-bar-active-ink);opacity:0;transform:scaleX(.35);transform-origin:center;transition:opacity .16s ease,transform .16s ease}.top-bar__section .dimension-selector__tab:last-child{border:none!important}.top-bar__section .dimension-selector__tab.is-active{background-color:transparent!important;color:#4caf50!important}.top-bar__section .dimension-selector__tab.is-active:after{background-color:#4caf50;opacity:1;transform:scaleX(1)}.top-bar__section .dimension-selector__tab:focus-visible{background-color:transparent!important;color:var(--top-bar-active-ink)}.top-bar__section .dimension-selector__tab.is-active:focus-visible{background-color:transparent!important;color:#4caf50!important}.dimension-selector .dropdown-menu{min-width:clamp(9rem,18vw,13rem);left:50%;right:auto;transform:translate(-50%)}.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 .top-bar-button.dimension-selector__tab{justify-content:center;gap: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(--top-bar-button-size);width:var(--top-bar-button-size);display:inline-flex;justify-content:center}.top-bar__section--right>.button-group-container[data-group=more-dropdown] .dropdown-menu,.top-bar__section--right>.button-group-container[data-group=more-dropdown] .dropdown-menu.dropdown-menu-end{left:auto!important;right:0!important;transform:none!important}.top-bar__section--left>.dimension-selector{justify-self:start;min-width:0}.top-bar__section--left>.sync-stack{justify-self:start}.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;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-horizontal-inset, 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-horizontal-inset, var(--ui-shell-padding-inline))}#connectionStatus,h1.responsive-title,[data-top-bar-title],.top-bar__center-cluster,.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:static;margin-left:0;width:.26em;height:.26em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;border-top:0;transform:rotate(45deg)}.info-button:focus,.more-button:focus{transform:none;color:var(--color1);outline:none}.loop-button{position:relative;display:inline-flex;justify-content:center;align-items:center;width:var(--top-bar-button-size);min-width:var(--top-bar-button-size);height:var(--top-bar-button-size);flex:0 0 var(--top-bar-button-size);pointer-events:auto;color:var(--color1)}.loop-button .visually-hidden{display:none}.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:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:1;transition:transform .2s ease,opacity .2s ease,stroke .2s ease}.loop-button .button-icon svg *{fill:none;stroke:currentColor;stroke-width:inherit;stroke-linecap:inherit;stroke-linejoin:inherit}.loop-button:focus .button-icon svg{transform:none}.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}.sync-button{min-width:clamp(4.9rem,10vw,6.4rem)!important;padding:0 clamp(.5rem,1vw,.9rem)!important;font-size:clamp(.72rem,1.3vmin,.92rem);letter-spacing:.08em;display:inline-flex;align-items:center;justify-content:center}.sync-button.is-active,.sync-button[aria-pressed=true]{color:#4caf50}.sync-stack{display:grid;grid-template-rows:1fr 1fr;width:var(--top-bar-button-size);min-width:var(--top-bar-button-size);height:var(--top-bar-button-size);pointer-events:auto}.sync-stack>webaudio-param.sync-bpm-button,.sync-stack>.sync-button{width:100%!important;min-width:0!important}.sync-stack>webaudio-param.sync-bpm-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;height:calc(var(--top-bar-button-size) / 2);color:var(--color1);cursor:ns-resize;pointer-events:auto;vertical-align:middle}.sync-stack>webaudio-param.sync-bpm-button:focus-visible{color:var(--color1);outline:none}.sync-stack>.sync-button{height:calc(var(--top-bar-button-size) / 2);padding:0 clamp(.15rem,.3vw,.3rem)!important;min-width:0!important;font-size:clamp(.56rem,.95vmin,.72rem);line-height:1;letter-spacing:.06em;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:currentColor;cursor:pointer}.dropdown-item,.dropdown-item:hover,.dropdown-item:focus,.dropdown-item:active,.dropdown-item span{text-decoration:none!important}.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);--ui-action-caret-size: .3em;--ui-action-caret-inset: .18rem;--ui-action-caret-gap: .22rem;--cosmic-depth-scale: .7;--cosmic-manual-scale: 1}.transport-button .button-icon,.interaction-button .button-icon{width:var(--icon-size-action);height:var(--icon-size-action)}.icon-svg{width:80%;height:80%;fill:currentColor}.lfo-interaction-button .icon-svg{width:100%;height:100%}.lfo-interaction-button .button-icon{width:70%;height:70%;display:inline-flex;align-items:center;justify-content:center}button.dropdown-toggle:after,.ui-button.dropdown-toggle:after{display:none!important}:is(.transport-button,.interaction-button,.lfo-interaction-button).dropdown-toggle{position:relative}:is(.transport-button,.interaction-button,.lfo-interaction-button).dropdown-toggle:after{display:inline-block!important;content:"";border:none;width:var(--ui-action-caret-size);height:var(--ui-action-caret-size);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}.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:var(--size-knobs)!important;height:var(--size-knobs)!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-inline:0!important;position:relative}.transport-button.dropdown-toggle,.interaction-button.dropdown-toggle,.lfo-interaction-button.dropdown-toggle{padding-left:0;padding-right:0;padding-bottom:0}:is(.transport-button,.interaction-button,.lfo-interaction-button).dropdown-toggle .button-icon{grid-row:1}:is(.transport-button,.interaction-button,.lfo-interaction-button).dropdown-toggle:after{grid-row:2}.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(--top-bar-inactive-ink, var(--color2));border:none!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important;position:relative;cursor:pointer;pointer-events:auto;transition:color .16s ease,transform .16s ease;--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: transparent;--bs-btn-hover-color: var(--top-bar-inactive-ink, var(--color2));--bs-btn-active-bg: transparent;--bs-btn-active-border-color: transparent;--bs-btn-active-color: var(--top-bar-inactive-ink, var(--color2));--bs-btn-focus-shadow-rgb: none}.action-stack__button:hover,.action-stack__button.ui-button:hover,.action-stack__button.btn:hover{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--top-bar-inactive-ink, var(--color2));transform:none}.action-stack__button:after{content:"";position:absolute;left:22%;right:22%;bottom:clamp(.2rem,.7vmin,.35rem);height:2px;background-color:var(--top-bar-active-ink, var(--color1));opacity:0;transform:scaleX(.35);transform-origin:center;transition:opacity .16s ease,transform .16s ease}.action-stack__button:focus-visible{color:var(--top-bar-active-ink, var(--color1));transform:none;outline:none}.action-stack__button.is-active{background-color:transparent!important;color:var(--top-bar-active-ink, var(--color1));--bs-btn-hover-color: var(--top-bar-active-ink, var(--color1));--bs-btn-active-color: var(--top-bar-active-ink, var(--color1))}.action-stack__button.is-active:hover,.action-stack__button.is-active.ui-button:hover,.action-stack__button.is-active.btn:hover{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--top-bar-active-ink, var(--color1))}.action-stack__button.is-active:after{opacity:1;transform:scaleX(1)}.action-stack__button.is-active:focus-visible{background-color:transparent;color:var(--top-bar-active-ink, var(--color1))}.action-stack__icon{width:var(--icon-size-action);height:var(--icon-size-action);display:inline-flex;align-items:center;justify-content:center}.xyz-controls-row{gap:clamp(.15rem,1vw,.65rem);justify-content:space-between}.xyz-column{width:auto;flex:1 1 30%;min-width:0;align-items:center}.xyz-knobs{width:clamp(4.6rem,11vw,7rem);height:clamp(4.6rem,11vw,7rem)}.xyz-param{width:clamp(2.6rem,10vw,5.8rem);height:clamp(1rem,3vw,2rem);font-size:clamp(.55rem,1.8vw,1rem)}.playback-switch{width:clamp(2.4rem,6vw,6rem);height:clamp(2.4rem,6vw,6rem)}.lfo-interaction-button,.xyz-sensors-toggle,.xyz-cosmic-lfo{width:clamp(3.2rem,6vw,4.6rem);height:clamp(3.2rem,6vw,4.6rem)}.freq-multiplier-btn-lfo{width:calc(clamp(1.2rem,3vw,2.4rem)*1.15);height:calc(clamp(1.2rem,3vw,2.4rem)*1.15);padding:0}#xCosmicAmplitudeKnob,#yCosmicAmplitudeKnob,#zCosmicAmplitudeKnob,#xCosmicManualKnob,#yCosmicManualKnob,#zCosmicManualKnob{width:clamp(4.6rem,11vw,7rem)!important;height:clamp(4.6rem,11vw,7rem)!important}@media (max-width: 480px){:root{--ui-action-caret-size: .26em;--ui-action-caret-inset: .14rem;--ui-action-caret-gap: .16rem}:is(.transport-button,.interaction-button,.lfo-interaction-button).dropdown-toggle{flex-direction:column}.transport-button .button-icon,.interaction-button .button-icon{width:80%;height:80%}.transport-button,.interaction-button{width:clamp(1.95rem,10.8vw,2.45rem);height:clamp(1.95rem,10.8vw,2.45rem)}.xyz-controls-row{gap:.15rem}.xyz-knobs{width:clamp(2.75rem,19vw,4.6rem);height:clamp(2.75rem,19vw,4.6rem)}.xyz-param{width:clamp(2.25rem,16vw,3.9rem);height:clamp(.95rem,3.8vw,1.35rem);font-size:clamp(.5rem,2.1vw,.72rem)}.lfo-interaction-button,.xyz-sensors-toggle,.xyz-cosmic-lfo{width:clamp(1.8rem,8.5vw,2.45rem);height:clamp(1.8rem,8.5vw,2.45rem);margin:0}#xCosmicAmplitudeKnob,#yCosmicAmplitudeKnob,#zCosmicAmplitudeKnob,#xCosmicManualKnob,#yCosmicManualKnob,#zCosmicManualKnob{width:clamp(2.75rem,19vw,4.6rem)!important;height:clamp(2.75rem,19vw,4.6rem)!important}}@media (max-width: 320px){.xyz-controls-row{gap:.1rem}.xyz-knobs{width:clamp(2.4rem,17.5vw,3.15rem);height:clamp(2.4rem,17.5vw,3.15rem)}.xyz-param{width:clamp(2rem,15vw,2.6rem);height:.95rem;font-size:.48rem}.lfo-interaction-button,.xyz-sensors-toggle,.xyz-cosmic-lfo{width:1.7rem;height:1.7rem;padding:0}.lfo-interaction-button .button-icon{width:78%;height:78%}.transport-button .button-icon,.interaction-button .button-icon{width:68%;height:68%}.transport-button,.interaction-button{width:1.8rem;height:1.8rem}.freq-multiplier-btn-lfo{width:calc(clamp(1rem,7.5vw,1.35rem)*1.15);height:calc(clamp(1rem,7.5vw,1.35rem)*1.15)}[id$=CosmicAmplitudeWrapper] span{display:none}#xCosmicAmplitudeKnob,#yCosmicAmplitudeKnob,#zCosmicAmplitudeKnob,#xCosmicManualKnob,#yCosmicManualKnob,#zCosmicManualKnob{width:clamp(2.4rem,17.5vw,3.15rem)!important;height:clamp(2.4rem,17.5vw,3.15rem)!important}}.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.6rem,11vw,7rem);height:clamp(4.6rem,11vw,7rem);margin-bottom:clamp(.15rem,.5vh,.45rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-param{width:min(clamp(4.5rem,11vh,7.5rem),clamp(2.6rem,10vw,5.8rem));height:min(clamp(1.4rem,3vh,2.4rem),clamp(1rem,3vw,2rem));font-size:min(clamp(.7rem,1.7vh,1rem),clamp(.55rem,1.8vw,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:min(clamp(3.4rem,6.9vh,5rem),clamp(2.2rem,6vw,4.6rem));height:min(clamp(3.4rem,6.9vh,5rem),clamp(2.2rem,6vw,4.6rem));margin:0}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .freq-multiplier-btn-lfo{width:calc(min(clamp(2.2rem,4.6vh,3.2rem),clamp(1.2rem,3vw,2.4rem))*1.15);height:calc(min(clamp(2.2rem,4.6vh,3.2rem),clamp(1.2rem,3vw,2.4rem))*1.15)}[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(4.6rem,11vw,7rem)!important;height:clamp(4.6rem,11vw,7rem)!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(4.6rem,11vw,7rem);height:clamp(4.6rem,11vw,7rem)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-param{width:min(clamp(4rem,9.2vh,6.2rem),clamp(2.6rem,10vw,5.8rem));height:min(clamp(1.25rem,2.4vh,2rem),clamp(1rem,3vw,2rem));font-size:min(clamp(.62rem,1.35vh,.88rem),clamp(.55rem,1.8vw,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:min(clamp(3rem,5.8vh,4.25rem),clamp(2.2rem,6vw,4.6rem));height:min(clamp(3rem,5.8vh,4.25rem),clamp(2.2rem,6vw,4.6rem))}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .freq-multiplier-btn-lfo{width:calc(min(clamp(2rem,4vh,2.7rem),clamp(1.2rem,3vw,2.4rem))*1.15);height:calc(min(clamp(2rem,4vh,2.7rem),clamp(1.2rem,3vw,2.4rem))*1.15)}[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(4.6rem,11vw,7rem)!important;height:clamp(4.6rem,11vw,7rem)!important}}@media (max-width: 480px){[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-knobs,[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.75rem,19vw,4.6rem)!important;height:clamp(2.75rem,19vw,4.6rem)!important}}@media (max-width: 320px){[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-knobs,[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.4rem,17.5vw,3.15rem)!important;height:clamp(2.4rem,17.5vw,3.15rem)!important}}#gSlider{width:clamp(1rem,4.8vw,2.8rem);height:30vh}@media (max-width: 575.98px){#gSlider{width:clamp(1.1rem,7vw,2.4rem)}}.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-horizontal-inset, 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:clamp(9rem,18vw,13rem)}.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;--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: transparent;--bs-btn-hover-color: var(--color1);--bs-btn-active-bg: transparent;--bs-btn-active-border-color: transparent;--bs-btn-active-color: var(--color1);--bs-btn-focus-shadow-rgb: 0 0 0 / 0}.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:1;stroke:currentColor;stroke-width:1.25px;transition:stroke .3s ease}:is(.transport-button,.interaction-button,.lfo-interaction-button).dropdown-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ui-action-caret-gap)}:is(.transport-button,.interaction-button,.lfo-interaction-button).dropdown-toggle:after{position:static;margin:0}:is(.transport-button,.interaction-button,.lfo-interaction-button).dropdown-toggle .button-icon{flex:0 0 auto}.transport-button:hover,.transport-button.ui-button:hover,.transport-button.btn:hover,.interaction-button:hover,.interaction-button.ui-button:hover,.interaction-button.btn:hover{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--color1)}.interaction-button:focus{transform:none;color:var(--color1);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;--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: transparent;--bs-btn-hover-color: var(--color1);--bs-btn-active-bg: transparent;--bs-btn-active-border-color: transparent;--bs-btn-active-color: var(--color1);--bs-btn-focus-shadow-rgb: 0 0 0 / 0}.transport-button:focus{transform:none;color:var(--color1);outline:none}.transport-button.is-active,.transport-button[aria-pressed=true],.interaction-button.is-active,.interaction-button[aria-pressed=true],.lfo-interaction-button.is-active,.lfo-interaction-button[aria-pressed=true]{color:var(--top-bar-active-ink)}#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}.button-group-container[data-group=interaction-dropdown] .dropup-center .dropdown-menu,.button-group-container[data-group=z-waveform-dropdown] .dropup-center .dropdown-menu,.button-group-container[data-group=z-exo-lfo-dropdown] .dropup-center .dropdown-menu{left:auto;right:0;transform:none}.button-group-container[data-group=interaction-dropdown] .dropdown-menu{left:auto!important;right:0!important;transform:none!important}.button-group-container[data-group=y-waveform-dropdown] .dropup-center .dropdown-menu,.button-group-container[data-group=y-exo-lfo-dropdown] .dropup-center .dropdown-menu{left:50%;right:auto;transform:translate(-50%)}@media (max-height: 570px){.freq-multiplier-btn-lfo{width:calc(clamp(21px,4.2vmin,36px)*1.15)!important;height:calc(clamp(21px,4.2vmin,36px)*1.15)!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{width:calc(clamp(18px,4vmin,24px)*1.15)!important;height:calc(clamp(18px,4vmin,24px)*1.15)!important}.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-group-container[data-group$=-exo-lfo-dropdown]{--ui-dropdown-menu-icon-slot-size: calc(clamp(1.35rem, 2.8vmin, 1.7rem)*1.15) ;--ui-dropdown-menu-icon-wide-scale: 1.5;--ui-dropdown-menu-icon-square-scale: 1.7;--ui-dropdown-menu-label-size: calc(clamp(.75rem, 1.3vmin, .95rem)*1.15) }.cosmic-source-selectors{width:auto;display:block}.cosmic-source-selectors .button-group-container[data-group$=-waveform-dropdown],.cosmic-source-selectors .button-group-container[data-group$=-exo-lfo-dropdown]{width:100%;display:flex;justify-content:center;margin:0}.cosmic-source-selectors .button-group-container[data-group$=-waveform-dropdown] .dropup-center,.cosmic-source-selectors .button-group-container[data-group$=-exo-lfo-dropdown] .dropup-center{width:100%;display:flex;justify-content:center}.button-group-container[data-group$=-waveform-dropdown] .lfo-interaction-button,.button-group-container[data-group$=-exo-lfo-dropdown] .lfo-interaction-button{width:calc(clamp(3.2rem,6vw,4.6rem)*1.15);height:calc(clamp(3.2rem,6vw,4.6rem)*1.15)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .button-group-container[data-group$=-waveform-dropdown] .lfo-interaction-button,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .button-group-container[data-group$=-exo-lfo-dropdown] .lfo-interaction-button{width:calc(min(clamp(3.4rem,6.9vh,5rem),clamp(2.2rem,6vw,4.6rem))*1.15);height:calc(min(clamp(3.4rem,6.9vh,5rem),clamp(2.2rem,6vw,4.6rem))*1.15)}@media (max-height: 760px){[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .button-group-container[data-group$=-waveform-dropdown] .lfo-interaction-button,[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .button-group-container[data-group$=-exo-lfo-dropdown] .lfo-interaction-button{width:calc(min(clamp(3rem,5.8vh,4.25rem),clamp(2.2rem,6vw,4.6rem))*1.15);height:calc(min(clamp(3rem,5.8vh,4.25rem),clamp(2.2rem,6vw,4.6rem))*1.15)}}.button-group-container[data-group$=-waveform-dropdown] .dropdown-menu,.button-group-container[data-group$=-exo-lfo-dropdown] .dropdown-menu{min-width:calc(clamp(9rem,18vw,13rem)*1.15)}.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:70%;height:70%}.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%}[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}#xCosmicAmplitudeKnob,#yCosmicAmplitudeKnob,#zCosmicAmplitudeKnob,[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,#xCosmicManualKnob,#yCosmicManualKnob,#zCosmicManualKnob,[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:calc(clamp(4.6rem,11vw,7rem) * var(--cosmic-depth-scale, .7))!important;height:calc(clamp(4.6rem,11vw,7rem) * var(--cosmic-depth-scale, .7))!important}@media (max-width: 480px){#xCosmicAmplitudeKnob,#yCosmicAmplitudeKnob,#zCosmicAmplitudeKnob,[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,#xCosmicManualKnob,#yCosmicManualKnob,#zCosmicManualKnob,[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:calc(clamp(2.75rem,19vw,4.6rem) * var(--cosmic-depth-scale, .7))!important;height:calc(clamp(2.75rem,19vw,4.6rem) * var(--cosmic-depth-scale, .7))!important}}@media (max-width: 320px){#xCosmicAmplitudeKnob,#yCosmicAmplitudeKnob,#zCosmicAmplitudeKnob,[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,#xCosmicManualKnob,#yCosmicManualKnob,#zCosmicManualKnob,[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:calc(clamp(2.4rem,17.5vw,3.15rem) * var(--cosmic-depth-scale, .7))!important;height:calc(clamp(2.4rem,17.5vw,3.15rem) * var(--cosmic-depth-scale, .7))!important}}@media (max-height: 570px){[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL]{--cosmic-main-knob-size: clamp(3.5rem, calc(4.6rem - ((570px - 100vh)*.0085)) , 4.6rem);--cosmic-manual-knob-size: clamp(3.5rem, calc(4.6rem - ((570px - 100vh)*.0085)) , 4.6rem);--cosmic-depth-knob-size: calc(var(--cosmic-manual-knob-size) * .7)}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .xyz-knobs{width:var(--cosmic-main-knob-size)!important;height:var(--cosmic-main-knob-size)!important}[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,[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{width:var(--cosmic-depth-knob-size)!important;height:var(--cosmic-depth-knob-size)!important}[data-ui-shell][data-active-panel=COSMIC_LFO_PANEL] .cosmic-source-selectors{width:min(100%,8.6rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;column-gap:clamp(.2rem,.8vw,.4rem)}}: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);--playback-toolbar-surface: rgba(0, 0, 0, .42);--peaks-scrollbar-bg: rgba(0, 0, 0, .5)}#waveform{position:relative;width:100%;height:var(--waveform-height);min-height:120px}.waveform-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:var(--waveform-height);margin-top:clamp(.45rem,1vh,.85rem);margin-bottom:0;position:relative;background:transparent;color:var(--color1);pointer-events:auto;z-index:1;box-sizing:border-box}.waveform{width:100%;height:var(--waveform-height);min-height:120px;background:transparent;position:relative;pointer-events:auto;overflow:hidden}.playback-toolbar{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:clamp(.35rem,.7vw,.65rem);padding-top:clamp(.12rem,.3vw,.24rem);color:var(--color1);pointer-events:auto;position:relative;z-index:4}.playback-toolbar__time-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(.5rem,1vw,.8rem)}.playback-toolbar__controls-row,.playback-toolbar__sizes-row{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(.45rem,.9vw,.8rem)}.playback-toolbar__controls-row{row-gap:.35rem}.playback-toolbar__group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:clamp(.3rem,.65vw,.55rem);min-width:0;pointer-events:auto}.playback-toolbar__group--track-bpm{display:inline-flex;align-items:center;justify-content:center;gap:.12rem;flex:0 0 auto;white-space:nowrap}.playback-toolbar__group--track-bpm .playback-toolbar__param,.playback-toolbar__group--track-bpm .playback-toolbar__label{flex:0 0 auto}.playback-toolbar__group--loop-actions,.playback-toolbar__loop-sizes{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.24rem .4rem;max-width:min(96vw,46rem)}.playback-toolbar__group--loop-actions.is-unavailable,.playback-toolbar__loop-sizes.is-unavailable{display:none}.playback-toolbar__label{font-size:clamp(.66rem,1.1vmin,.82rem);letter-spacing:.06em;text-transform:uppercase;color:var(--color1);white-space:nowrap;pointer-events:auto}.playback-toolbar__status{display:none;font-size:clamp(.56rem,.95vmin,.7rem);letter-spacing:.05em;color:var(--color1);white-space:nowrap}.playback-toolbar__controls-row:has(.playback-toolbar__group--wrap-grid.is-unavailable) .playback-toolbar__status{display:inline-flex;align-items:center}.playback-toolbar__param{color:var(--color1);pointer-events:auto}.playback-toolbar__group--track-bpm .playback-toolbar__param,.playback-toolbar__group--track-bpm .playback-toolbar__label,.playback-toolbar__group--wrap-grid .playback-toolbar__toggle,#waveform-time,#waveform-duration{background:var(--playback-toolbar-surface)!important;border-radius:.38rem;box-shadow:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.playback-toolbar__group--track-bpm .playback-toolbar__label{padding:.16rem .34rem}.playback-toolbar__toggle{min-width:clamp(3.9rem,7vw,5.2rem);height:clamp(1.9rem,3.5vh,2.25rem);padding:0 clamp(.45rem,.9vw,.85rem);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:clamp(.68rem,1.1vmin,.82rem);letter-spacing:.08em;text-transform:uppercase;color:var(--color1);background:transparent;border:none;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:currentColor;pointer-events:auto;cursor:pointer}.playback-toolbar__toggle--loop,.playback-toolbar__loop-size{min-width:clamp(3.25rem,6vw,4.5rem);min-height:clamp(1.7rem,3.1vh,2.05rem);padding:.14rem clamp(.46rem,.86vw,.72rem);font-size:clamp(.72rem,1.18vmin,.9rem);font-weight:600;line-height:1.2;background:var(--playback-toolbar-surface)!important;border:0!important;border-radius:.38rem;box-shadow:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.playback-toolbar__toggle--loop:hover,.playback-toolbar__toggle--loop:focus-visible,.playback-toolbar__toggle--loop.is-active,.playback-toolbar__toggle--loop[aria-pressed=true],.playback-toolbar__loop-size:hover,.playback-toolbar__loop-size:focus-visible,.playback-toolbar__loop-size.is-active,.playback-toolbar__loop-size[aria-pressed=true]{background:var(--playback-toolbar-surface)!important}.playback-toolbar__loop-size{min-width:clamp(2.6rem,5.2vw,3.4rem);padding-inline:clamp(.4rem,.8vw,.68rem)}.playback-toolbar__toggle:hover,.playback-toolbar__toggle:focus-visible{background:transparent;outline:none}.playback-toolbar__toggle.is-active,.playback-toolbar__toggle[aria-pressed=true]{color:#4caf50;opacity:1;text-shadow:0 0 .35rem color-mix(in srgb,#4CAF50 35%,transparent)}#waveform-time,#waveform-duration,.playback-toolbar__group--track-bpm .playback-toolbar__label,.playback-toolbar__toggle--loop,.playback-toolbar__loop-size,.playback-toolbar__group--wrap-grid .playback-toolbar__toggle{text-shadow:0 0 .12rem rgba(0,0,0,.32)}#waveform-time,#waveform-duration{display:inline-flex;align-items:center;min-height:clamp(1.7rem,3.1vh,2.05rem);padding:.1rem clamp(.4rem,.8vw,.64rem);line-height:1.2}.playback-toolbar__group--track-bpm .playback-toolbar__param{display:inline-flex;align-items:center;justify-content:center;min-height:clamp(1.7rem,3.1vh,2.05rem);margin-block:.08rem}.playback-toolbar__toggle:disabled,.playback-toolbar__toggle[aria-disabled=true]{opacity:1;cursor:default;text-shadow:none}.playback-toolbar__group--wrap-grid.is-unavailable{display:none}.playback-toolbar__toggle--secondary{min-width:auto}.playback-toolbar__marker-icon{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(.78rem,1.2vmin,.95rem);line-height:1;opacity:.9}.playback-toolbar__marker-label{font-size:clamp(.58rem,.92vmin,.68rem);letter-spacing:.08em;line-height:1}.waveform-time-container{display:inline-flex;align-items:center;min-width:0;pointer-events:auto}.waveform-time-container--start{justify-self:start}.waveform-time-container--end{justify-self:end}.peaks-root{position:relative;display:flex;flex-direction:column;gap:2px;width:100%;height:100%;min-height:0;overflow:hidden;color:var(--color1)}.peaks-root--mobile{gap:0}.peaks-zoom-section{position:relative;flex:1 1 0%;min-height:0;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%)}.wrap-grid-overlay{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.42;transition:opacity .18s ease}.wrap-grid-overlay.is-active{opacity:.95}.wrap-grid-line,.wrap-grid-anchor{position:absolute;top:0;bottom:0;transform:translate(-50%)}.wrap-grid-line{width:1px;background:color-mix(in srgb,var(--color1) 22%,transparent)}.wrap-grid-line.is-bar{width:2px;background:color-mix(in srgb,var(--color1) 48%,transparent)}.wrap-grid-anchor{width:2px;background:color-mix(in srgb,var(--color1) 78%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color1) 10%,transparent)}.wrap-grid-anchor__label{position:absolute;top:8px;left:6px;min-width:1.45rem;min-height:1.1rem;padding:.12rem .38rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,black 30%,transparent);color:var(--color1);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap}.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:var(--peaks-scrollbar-bg)}.peaks-scrollbar-overlay{position:absolute;inset:0;z-index:3;cursor:grab;touch-action:none}.peaks-scrollbar-overlay:active{cursor:grabbing}.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:1 1 0%;min-height:0;flex-direction:column;align-items:stretch;gap:2px}.peaks-root--mobile .peaks-row--overview{display:none;flex:0 0 0;height:0}.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:static;display:inline-flex;align-items:center;font-size:clamp(.72rem,1.1vmin,.84rem);padding:.16rem .34rem;color:color-mix(in srgb,var(--color1) 74%,transparent);z-index:auto;white-space:nowrap}#waveform-time,#waveform-duration{color:var(--color1)}.playback-toolbar__drawer{display:flex;flex-direction:column;gap:inherit;width:100%}.playback-toolbar__drawer-toggle{display:none}.playback-toolbar__drawer-body{display:flex;flex-direction:column;gap:inherit;width:100%}@media (max-height: 600px){.playback-toolbar__drawer{display:block;width:100%}.playback-toolbar__drawer-toggle{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.28rem .5rem;cursor:pointer;list-style:none;background:var(--playback-toolbar-surface);border-radius:.38rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);user-select:none;-webkit-user-select:none}.playback-toolbar__drawer-toggle::-webkit-details-marker,.playback-toolbar__drawer-toggle::marker{display:none;content:""}.playback-toolbar__drawer-toggle-label{font-size:clamp(.6rem,1vmin,.74rem);letter-spacing:.1em;text-transform:uppercase;color:var(--color1);white-space:nowrap}.playback-toolbar__drawer-toggle-icon{width:.55em;height:.55em;border-right:1.5px solid var(--color1);border-bottom:1.5px solid var(--color1);transform:rotate(45deg);transition:transform .2s ease;flex:0 0 auto}.playback-toolbar__drawer[open]>.playback-toolbar__drawer-toggle .playback-toolbar__drawer-toggle-icon{transform:rotate(-135deg)}.playback-toolbar__drawer-body{display:flex;flex-direction:column;gap:.3rem;padding-top:.3rem;width:100%}}@media (max-width: 768px){:root{--waveform-height: calc( (2 * 15vh) - var(--waveform-scrollbar-height) - var(--peaks-overlay-zoom-height) - var(--peaks-overlay-seek-height) )}[data-ui-region=bottom-center] #waveform-container,[data-ui-region=bottom-center] #zoom-container{width:100%;max-width:100%;margin-left:auto;margin-right:auto}[data-ui-region=bottom-center] #waveform-container{margin-top:clamp(.35rem,.85vh,.65rem)}.playback-toolbar{gap:.3rem}.playback-toolbar__time-row{gap:.35rem}.playback-toolbar__controls-row,.playback-toolbar__sizes-row{gap:.35rem .45rem}.playback-toolbar__group--loop-actions,.playback-toolbar__loop-sizes{width:100%;max-width:100%;justify-content:center;gap:.18rem .28rem}.playback-toolbar__label{font-size:.58rem}.playback-toolbar__toggle{min-width:3.8rem}.playback-toolbar__toggle--loop{min-width:3rem;min-height:1.7rem;font-size:.68rem;padding:.12rem .34rem}.playback-toolbar__loop-size{min-width:2.45rem;min-height:1.7rem;padding-inline:.32rem}.playback-toolbar__group--track-bpm{flex-direction:row;align-items:center;gap:.06rem}.playback-toolbar__group--track-bpm .playback-toolbar__label{order:2;line-height:1;white-space:nowrap;margin-left:0;padding:.1rem .28rem}.playback-toolbar__group--track-bpm .playback-toolbar__param{order:1}.playback-toolbar__status{font-size:.54rem;text-align:center}.zoom-slider-placeholder{max-width:none}}#zoom-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:0;box-sizing:border-box}.zoom-slider-placeholder{width:100%;max-width:360px;height:0;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{--modal-surface: rgba(248, 249, 250, .98);--modal-border: rgba(15, 23, 42, .12);--modal-shadow: 0 1.25rem 3rem rgba(0, 0, 0, .24);--modal-radius: var(--orbiters-rounded-corners, 5px);position:fixed;inset:0;display:none;place-items:center;padding:0;z-index:1055}.modal.show,.modal.active{display:grid}.modal-backdrop{opacity:.5}.modal-dialog{width:100%;max-width:22rem;min-width:0;max-height:calc(100vh - 2rem);margin:0;justify-self:center;align-self:center;box-sizing:border-box;padding-inline:1rem}.modal-dialog-centered{min-height:0;display:block}.modal-content{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden;background:var(--modal-surface);border:1px solid var(--modal-border);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow)}.modal-header{padding:.9rem 1rem .4rem}.modal-title{font-size:1rem;letter-spacing:.03em}.modal-body{overflow-y:auto}.modal-footer{align-items:center;padding:.5rem 1rem 1rem}#numericKeyboardModal .modal-content{background:#fffffffb}#numericKeyboardModal .modal-body{padding-top:.65rem}#universalModal{z-index:1056}#universalModal .modal-content{justify-content:space-between}#universalModal .modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.9rem 1rem 1rem;font-size:1rem;color:#495057}.modal-content-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}#qrCodeCanvas{display:block;margin:0 auto;width:min(100%,14rem);height:auto;box-shadow:0 .5rem 1.4rem #0000001f}#universalModal .modal-footer{border-top:1px solid rgba(15,23,42,.08)}#universalModal .modal-footer .btn,#numericKeyboardModal .modal-footer .btn,#universalModal [data-ui-core-dismiss=modal].btn,#universalModal [data-bs-dismiss=modal].btn{min-width:6rem;min-height:2.25rem;padding:.5rem .9rem;border-radius:var(--orbiters-rounded-corners, 5px);border:1px solid transparent;background:#0f172aeb;color:#fff;font-size:.82rem;letter-spacing:.04em}#universalModal .modal-footer .btn-close,#numericKeyboardModal .modal-header .btn-close,#universalModal .modal-header .btn-close{border-radius:var(--orbiters-rounded-corners, 5px)}@media (max-width: 768px){.modal-dialog{padding-inline:max(1rem,env(safe-area-inset-left),env(safe-area-inset-right))}.modal-content{border-radius:var(--modal-radius)}.modal-header{padding-top:.8rem}#universalModal .modal-body{padding:.85rem .9rem .95rem}}: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}body[data-ui-ready=false] .orbiters-login-link,body[data-ui-ready=false] .sync-stack,body[data-ui-ready=false] .button-group-container[data-group=dimension-dropdown]{opacity:0!important;visibility:hidden!important;pointer-events:none!important}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.shortcut-hint{display:none;align-items:center;margin-left:.35em;font-size:.8em;letter-spacing:.05em;color:inherit;white-space:nowrap}[data-nav-shell=desktop] .shortcut-hint{display:inline-flex}[data-nav-shell=mobile] .shortcut-hint,[data-nav-shell=mobile] .desktop-only,[data-nav-shell=mobile] .top-bar__section--center{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}webaudio-param{cursor:ns-resize}.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:var(--ui-shell-frame-inset);left:var(--ui-shell-frame-inset);width:var(--ui-shell-frame-size);height:var(--ui-shell-frame-size);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:var(--ui-shell-content-inset);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-side-safe-inset, 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,.ui-button{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}}