.instrument-root{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:2rem 1rem;background-color:hsl(var(--inst-background));color:hsl(var(--inst-foreground));font-family:system-ui,-apple-system,Inter,sans-serif;overflow-y:auto;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.instrument-root [contenteditable=true],.instrument-root input,.instrument-root textarea{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.instrument-root [role=button],.instrument-root [role=option],.instrument-root button{touch-action:manipulation}.instrument-root:before{content:"";position:fixed;inset:0;z-index:-1;background-image:url(https://res.cloudinary.com/duw0custw/image/upload/v1778934187/instrument-bg_pdmqqo.png);background-size:cover;background-position:50%;background-repeat:no-repeat;pointer-events:none;transform:scaleY(-1)}.instrument-root .inst-glass{border:1px solid hsl(var(--inst-border)/.6);background-color:hsl(var(--inst-card)/.45);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-inst-glass)}.instrument-root .inst-glass-soft{background-color:hsl(0 0% 100%/.04);box-shadow:var(--shadow-inst-glass-soft)}.instrument-root .inst-glass-chip,.instrument-root .inst-glass-key,.instrument-root .inst-glass-soft{border:1px solid hsl(0 0% 100%/.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.instrument-root .inst-glass-chip{background-color:hsl(0 0% 100%/.04)}.instrument-root .inst-range{-webkit-appearance:none;appearance:none;width:100%;height:2px;border-radius:2px;background:hsl(0 0% 100%/.1);outline:none;margin:8px 0;cursor:pointer}.instrument-root .inst-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:999px;background:hsl(var(--inst-highlight));box-shadow:0 0 0 3px hsl(var(--inst-highlight)/.18);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.instrument-root .inst-range:focus::-webkit-slider-thumb,.instrument-root .inst-range:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 0 0 5px hsl(var(--inst-highlight)/.22)}.instrument-root .inst-range::-moz-range-thumb{width:12px;height:12px;border-radius:999px;border:none;background:hsl(var(--inst-highlight));box-shadow:0 0 0 3px hsl(var(--inst-highlight)/.18);cursor:pointer}