@font-face{font-family:Manrope;src:url(../media/manrope-wght.2xs28az5j2efm.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20A9,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.studio-root{--lift:7px;--blur:16px;--raise:calc(var(--lift) * -1) calc(var(--lift) * -1) var(--blur) var(--neu-light), var(--lift) var(--lift) var(--blur) var(--neu-dark);--raise-sm:-4px -4px 9px var(--neu-light), 4px 4px 9px var(--neu-dark);--press:inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--press-deep:inset 6px 6px 12px var(--neu-dark), inset -5px -5px 11px var(--neu-light);--soft:cubic-bezier(.3, .7, .2, 1);--spring:linear(0, .06 2.4%, .24 5.2%, .53 9.4%, .84 14.6%, 1.02 19.6%, 1.08 23.6%, 1.09 27%, 1.06 32.4%, 1.02 39.4%, .995 49%, .996 62%, 1);--lit:linear-gradient(150deg, var(--accent-hi) 0%, var(--primary) 46%, var(--accent-lo) 100%);--lit-shadow:-5px -5px 12px var(--neu-light), 6px 8px 16px var(--neu-dark), 0 10px 26px -8px var(--lamp-glow), inset 1px 1.5px 0 color-mix(in oklch, var(--accent-hi) 60%, var(--neu-light)), inset -1px -2px 2px color-mix(in oklch, var(--accent-lo) 80%, transparent);background:var(--background);color:var(--foreground);font-feature-settings:"tnum" 0;-webkit-tap-highlight-color:transparent}.studio-root ::selection{background:color-mix(in oklch, var(--primary) 22%, transparent)}.studio-root :focus-visible{outline:2px solid var(--ring);outline-offset:3px}.neu-raised{background:var(--background);box-shadow:var(--raise)}.neu-raised-sm{background:var(--background);box-shadow:var(--raise-sm)}.neu-inset{background:var(--background);box-shadow:var(--press)}.neu-well{background:var(--background);box-shadow:var(--press-deep)}.neu-seam{background:linear-gradient(to bottom, var(--neu-dark) 0 1px, var(--neu-light) 1px 2px);opacity:.9;height:2px}.neu-key{background:var(--background);color:var(--foreground);border:1px solid var(--edge);box-shadow:var(--raise-sm);cursor:pointer;transition:box-shadow .26s var(--soft), transform .42s var(--spring), border-color .16s ease-out, background-color .22s ease-out, color .16s ease-out}.neu-key:hover{box-shadow:-5px -5px 11px var(--neu-light), 5px 5px 11px var(--neu-dark)}.neu-key:active{box-shadow:var(--press);transition-duration:90ms;transform:translateY(1px)scale(.975)}.neu-key[aria-pressed=true],.neu-key[aria-selected=true],.neu-key[aria-current=true],.neu-key[data-on=true]{background:var(--accent-tint);box-shadow:var(--press), 0 0 0 3px var(--accent-wash);border-color:var(--primary);transform:translateY(1px)}.neu-key:disabled{cursor:not-allowed;box-shadow:none;color:var(--muted-foreground);border-style:dashed;transform:none}.neu-key-accent,.neu-lit{background:var(--lit);color:var(--primary-foreground);border-color:color-mix(in oklch, var(--primary) 70%, var(--neu-deep));box-shadow:var(--lit-shadow)}.neu-key-accent{isolation:isolate;position:relative;overflow:hidden}.neu-key-accent:after{content:"";z-index:-1;background:linear-gradient(105deg, transparent 30%, color-mix(in oklch, var(--accent-hi) 70%, transparent) 50%, transparent 70%);transition:transform .8s var(--soft);pointer-events:none;position:absolute;inset:0;transform:translate(-120%)}.neu-key-accent:hover:after{transform:translate(120%)}.neu-key-accent:hover{box-shadow:-6px -6px 14px var(--neu-light), 7px 9px 18px var(--neu-dark), 0 14px 34px -8px var(--lamp-glow), inset 1px 1.5px 0 color-mix(in oklch, var(--accent-hi) 60%, var(--neu-light));transform:translateY(-1px)}.neu-key-accent:active{background:linear-gradient(150deg, var(--accent-lo), var(--primary));box-shadow:inset 3px 3px 8px color-mix(in oklch, var(--accent-lo) 90%, var(--neu-deep)), inset -2px -2px 6px color-mix(in oklch, var(--accent-hi) 70%, transparent), 0 4px 14px -6px var(--lamp-glow);transform:translateY(1px)scale(.98)}.neu-key-flat:not([aria-selected=true]):not([aria-pressed=true]):not(:active){box-shadow:none;border-color:#0000}.neu-key-flat:not([aria-selected=true]):not([aria-pressed=true]):hover{background:color-mix(in oklch, var(--neu-dark) 22%, var(--background))}.neu-playhead{background:var(--primary);box-shadow:0 0 8px var(--lamp-glow);opacity:.85}.neu-playhead-tag{background:var(--lit);color:var(--primary-foreground);box-shadow:0 2px 8px -2px var(--lamp-glow)}.neu-room .neu-deboss{transition:color .4s ease-out}.neu-room:hover .neu-deboss{color:color-mix(in oklch, var(--primary) 30%, var(--background))}.neu-room:hover .neu-key:not(:active){background:var(--lit);color:var(--primary-foreground);border-color:var(--accent-lo);box-shadow:var(--lit-shadow)}.neu-flow-fill{background:linear-gradient(var(--accent-hi), var(--primary));box-shadow:0 0 10px var(--lamp-glow);transition:height .7s var(--spring)}.neu-flow-num{background:var(--background);color:var(--muted-foreground);border:1px solid var(--edge);box-shadow:var(--raise-sm);transition:box-shadow .3s var(--soft), color .2s ease-out, transform .42s var(--spring)}.neu-flow-step[data-done=true] .neu-flow-num{color:var(--primary);border-color:var(--primary);box-shadow:var(--press)}.neu-flow-step[aria-pressed=true] .neu-flow-num{background:var(--lit);color:var(--primary-foreground);border-color:var(--accent-lo);box-shadow:var(--lit-shadow);transform:scale(1.08)}.neu-flow-step:active .neu-flow-num{transform:scale(.94)}.neu-flow-title{transition:color .2s ease-out}.neu-flow-step[aria-pressed=true] .neu-flow-title{color:var(--primary)}.neu-file{cursor:pointer;transition:background-color .2s ease-out}.neu-file:hover,.neu-file[aria-pressed=true]{background:var(--accent-tint)}.neu-file-progress{background:var(--primary);height:2px;box-shadow:0 0 6px var(--lamp-glow);transform-origin:0;border-radius:2px;position:absolute;bottom:3px;left:12px;right:12px;transform:scaleX(0)}.neu-file[aria-pressed=true] .neu-file-progress{animation:12s linear forwards neu-progress}@keyframes neu-progress{to{transform:scaleX(1)}}.neu-nav-pill{background:var(--background);border:1px solid var(--edge);box-shadow:var(--raise-sm);opacity:0;transition:left .52s var(--spring), width .52s var(--spring), opacity .24s ease-out}.neu-nav-pill[data-on=true]{opacity:1}.neu-nav-link{transition:color .2s ease-out}.neu-nav-link:hover,.neu-nav-link[aria-current=true]{color:var(--primary)}.neu-pip{border:1.5px solid var(--edge);background:0 0;border-radius:999px;flex-shrink:0;width:9px;height:9px;transition:background-color .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;display:inline-block}.neu-pip[data-on=true],[aria-pressed=true] .neu-pip,[aria-selected=true] .neu-pip,[aria-checked=true] .neu-pip,[aria-current=true] .neu-pip{border-color:var(--primary);background:var(--lamp);background:radial-gradient(circle at 35% 30%, var(--accent-hi), var(--primary) 70%);box-shadow:0 0 0 3px var(--accent-wash), 0 0 12px var(--lamp-glow)}.neu-switch-track{border:1px solid var(--edge);width:58px;height:32px;box-shadow:var(--press);background:var(--background);border-radius:999px;flex-shrink:0;transition:border-color .2s ease-out,box-shadow .26s ease-out;position:relative}.neu-switch-track:before{content:"";background:var(--lit);box-shadow:inset 2px 2px 5px color-mix(in oklch, var(--accent-lo) 90%, transparent), inset -1px -1px 2px color-mix(in oklch, var(--accent-hi) 80%, transparent);clip-path:inset(0 100% 0 0 round 999px);transition:clip-path .42s var(--soft);border-radius:999px;position:absolute;inset:2px}.neu-switch-thumb{background:var(--background);border:1px solid var(--edge);width:24px;height:24px;box-shadow:-2px -2px 5px var(--neu-light), 3px 3px 6px var(--neu-dark);transition:transform .52s var(--spring), width .2s var(--soft);border-radius:999px;place-items:center;display:grid;position:absolute;top:3px;left:3px}button:active>.neu-switch-track .neu-switch-thumb{width:29px}.neu-switch-thumb:after{content:"";border:1.5px solid var(--edge);border-radius:999px;width:6px;height:6px;transition:all .2s ease-out}[aria-checked=true] .neu-switch-track{border-color:var(--accent-lo);box-shadow:var(--press), 0 0 18px -4px var(--lamp-glow)}[aria-checked=true] .neu-switch-track:before{clip-path:inset(0 round 999px)}[aria-checked=true] .neu-switch-thumb{transform:translate(26px)}button[aria-checked=true]:active>.neu-switch-track .neu-switch-thumb{transform:translate(21px)}[aria-checked=true] .neu-switch-thumb:after{border-color:var(--primary);background:var(--lamp);box-shadow:0 0 8px var(--lamp-glow)}.neu-knob{background:var(--background);border:1px solid var(--edge);box-shadow:-6px -6px 13px var(--neu-light), 6px 6px 14px var(--neu-dark), inset 2px 2px 3px var(--neu-light), inset -2px -2px 4px var(--neu-dark);touch-action:none;cursor:grab;border-radius:999px;position:absolute;inset:11px}.neu-knob:active{cursor:grabbing}.neu-knob-rotor{transform:rotate(var(--angle,-135deg));transition:transform .48s var(--spring);border-radius:999px;position:absolute;inset:0}.neu-knob-rotor:before{content:"";background:var(--foreground);border-radius:4px;width:4px;height:26%;margin-left:-2px;position:absolute;top:12%;left:50%}.neu-knob[data-on=true] .neu-knob-rotor:before{background:linear-gradient(var(--accent-hi), var(--primary));box-shadow:0 0 10px var(--lamp-glow)}.neu-arc-track{stroke:color-mix(in oklch, var(--neu-dark) 80%, var(--background))}.neu-arc{stroke:var(--primary);filter:drop-shadow(0 0 3px var(--lamp-glow));transition:stroke-dashoffset .48s var(--spring), stroke-dasharray .48s var(--spring), opacity .24s ease-out}.neu-patch{transition:background-color .2s ease-out}.neu-jack{transition:background .24s ease-out,box-shadow .24s ease-out}.neu-patch:hover{background:var(--accent-tint)}.neu-patch:hover .neu-jack{background:radial-gradient(circle at 35% 30%, var(--accent-hi), var(--primary) 70%);box-shadow:0 0 8px var(--lamp-glow)}.neu-knob-face{box-shadow:inset 3px 3px 6px var(--neu-dark), inset -3px -3px 6px var(--neu-light);border-radius:999px;position:absolute;inset:22%}.neu-groove{background:var(--background);box-shadow:inset 3px 3px 7px var(--neu-dark), inset -3px -3px 7px var(--neu-light)}.neu-cap{background:var(--lit);color:var(--primary-foreground);border:1px solid var(--accent-lo);box-shadow:-3px -3px 8px var(--neu-light), 4px 6px 12px var(--neu-dark), 0 8px 22px -6px var(--lamp-glow), inset 1px 1.5px 0 color-mix(in oklch, var(--accent-hi) 60%, var(--neu-light));transition:box-shadow .24s var(--soft), transform .32s var(--spring), opacity .3s ease-out}.neu-cap[data-dragging=true]{box-shadow:-4px -4px 10px var(--neu-light), 8px 12px 22px var(--neu-dark), 0 14px 34px -6px var(--lamp-glow), inset 1px 1.5px 0 color-mix(in oklch, var(--accent-hi) 60%, var(--neu-light));transform:translateY(-2px)scale(1.012)}.neu-cap-grip{cursor:grab;touch-action:none}.neu-cap[data-dragging=true] .neu-cap-grip{cursor:grabbing}.neu-cap-handle{z-index:20;cursor:ew-resize;touch-action:none;place-items:center;width:16px;display:grid;position:absolute;top:0;bottom:0}.neu-cap-handle:before{content:"";background:color-mix(in oklch, var(--primary-foreground) 75%, transparent);width:3px;height:38%;transition:height .22s var(--spring);border-radius:3px}.neu-cap-handle:hover:before,.neu-cap[data-dragging=true] .neu-cap-handle:before{height:58%}.neu-readout{background:var(--readout);box-shadow:inset 3px 3px 7px var(--neu-dark), inset -2px -2px 6px var(--neu-light);font-variant-numeric:tabular-nums}.neu-slot{cursor:pointer;transition:background-color .16s ease-out}.neu-slot:hover{background:var(--accent-wash)}.neu-deboss{color:color-mix(in oklch, var(--background) 88%, var(--foreground));text-shadow:1px 1px 1px var(--neu-light), -1px -1px 1px var(--neu-dark)}.neu-ticks{background-image:linear-gradient(to right, var(--neu-dark) 1px, transparent 1px);background-size:6.25% 100%}.neu-rec{background:var(--background);border:1px solid var(--edge);box-shadow:var(--raise);transition:box-shadow .24s var(--soft), transform .24s var(--soft);border-radius:999px;position:relative}.neu-rec:hover{box-shadow:-9px -9px 20px var(--neu-light), 9px 9px 20px var(--neu-dark)}.neu-rec:active,.neu-rec-armed:active .neu-rec{box-shadow:var(--press-deep);transform:translateY(1px)}.neu-rec-lamp{background:radial-gradient(circle at 35% 30%, var(--accent-hi), var(--primary) 55%, var(--accent-lo));border:1px solid color-mix(in oklch, var(--primary) 65%, var(--neu-deep));box-shadow:0 0 0 6px var(--background), 0 0 0 7px color-mix(in oklch, var(--edge) 50%, transparent), 0 0 22px var(--lamp-glow);border-radius:999px}.neu-meter-bar{background:color-mix(in oklch, var(--neu-dark) 70%, var(--background));border-radius:2px;transition:background-color .26s ease-out}.neu-meter-bar[data-on=true]{background:var(--meter-ok);box-shadow:0 0 6px color-mix(in oklch, var(--meter-ok) 55%, transparent)}.neu-meter-bar[data-warm=true]{background:var(--meter-warm);box-shadow:0 0 6px color-mix(in oklch, var(--meter-warm) 55%, transparent)}.neu-meter-bar[data-hot=true]{background:var(--primary);box-shadow:0 0 8px var(--lamp-glow)}@media (prefers-reduced-motion:no-preference){.neu-cap-move{transition:left .42s var(--spring), width .42s var(--spring), box-shadow .24s var(--soft), transform .32s var(--spring), opacity .3s ease-out}.neu-cap-move[data-dragging=true]{transition-duration:.16s,.16s,.24s,.32s,.3s;transition-timing-function:var(--soft)}.neu-rise{animation:neu-rise .7s var(--soft) both}.neu-rec-armed .neu-rec-lamp{animation:2.4s ease-in-out infinite neu-breathe}.neu-ticket{animation:neu-rise .52s var(--soft) both}[data-playing=true] .spk-woofer .spk-cone{animation:.625s cubic-bezier(.4,0,.6,1) infinite alternate spk-beat}[data-playing=true] .spk-woofer .spk-surround{animation:.625s cubic-bezier(.4,0,.6,1) infinite alternate spk-surround}[data-playing=true] .spk-woofer{animation:1.25s ease-in-out infinite spk-ring}[data-playing=true] .spk-bar{animation:.9s ease-in-out infinite alternate spk-bar}}.spk-woofer{transition:box-shadow .5s var(--soft)}[data-playing=true] .spk-woofer{box-shadow:var(--press-deep), 0 0 0 2px color-mix(in oklch, var(--primary) 75%, transparent), 0 0 28px -2px var(--lamp-glow)}[data-playing=true] .spk-woofer .spk-cap{background:radial-gradient(circle at 35% 30%, var(--accent-hi), var(--primary) 60%, var(--accent-lo));box-shadow:-2px -2px 5px var(--neu-light), 3px 3px 7px var(--neu-dark), 0 0 14px var(--lamp-glow)}.spk-cap{transition:background .4s ease-out,box-shadow .4s ease-out}.spk-bar{background:color-mix(in oklch, var(--neu-dark) 80%, var(--background));transform-origin:bottom;width:4px;height:25%;transition:height .4s var(--soft), background-color .3s ease-out;border-radius:2px}[data-playing=true] .spk-bar{background:var(--meter-ok);height:100%}[data-playing=true] .spk-bar:nth-child(n+5){background:var(--meter-warm)}[data-playing=true] .spk-bar:nth-child(7){background:var(--primary)}@keyframes spk-bar{0%{transform:scaleY(.25)}40%{transform:scaleY(.8)}70%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes spk-ring{0%,to{box-shadow:var(--press-deep), 0 0 0 2px color-mix(in oklch, var(--primary) 75%, transparent), 0 0 18px -4px var(--lamp-glow)}50%{box-shadow:var(--press-deep), 0 0 0 2px var(--primary), 0 0 36px 0 var(--lamp-glow)}}@keyframes spk-beat{0%{transform:scale(1)}to{transform:scale(.965)}}@keyframes spk-surround{0%{transform:scale(1)}to{transform:scale(.99)}}@media (prefers-reduced-motion:reduce){.neu-knob-rotor,.neu-switch-thumb,.neu-key{transition:none}}@keyframes neu-rise{0%{opacity:0;box-shadow:none;transform:translateY(6px)}}@keyframes neu-breathe{0%,to{box-shadow:0 0 0 6px var(--background), 0 0 0 7px color-mix(in oklch, var(--edge) 50%, transparent), 0 0 10px var(--lamp-glow)}50%{box-shadow:0 0 0 6px var(--background), 0 0 0 7px color-mix(in oklch, var(--edge) 50%, transparent), 0 0 28px var(--lamp-glow)}}
