:root{--bg:#000;--frame:#0d0d14;--frame-line:#20202c;--sheet-bg:#0a0a12;--input-bg:#06060b;--overlay-bg:#06060cd9;--text:#d6d6e0;--text-strong:#e6e6ee;--text-dim:#6e6e7c;--dd-1:#3db6be;--dd-2:#c7b566;--dd-3:#f08a48;--dd-4:#e84f3d;--dd-gradient:linear-gradient(180deg, var(--dd-1) 0%, var(--dd-2) 35%, var(--dd-3) 70%, var(--dd-4) 100%);--accent:#f08a48;--accent-hover:#f4a56a;--accent-soft:#f08a4814;--accent-medium:#f08a482e;--accent-glow:#f08a4873;--accent-line:#f08a4859;--warn:#fc0;--critical:#ff5050;--hud-thickness:clamp(56px, 6vmin, 90px);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--hud-tint-strong:#040408d9;--source-aspect:1.7778;--focal-feather-y:6%;--side-blur-amount:60px;--side-blur-width:22%;--font-mono:"SF Mono", "Monaco", "Consolas", monospace;--tracking-wide:.3em;--tracking-bar:.4em}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff52}::-webkit-scrollbar-corner{background:0 0}.hidden{display:none!important}body.cursor-hidden,body.cursor-hidden *{cursor:none!important}body.cursor-hidden [role=dialog],body.cursor-hidden [role=dialog] *,body.cursor-hidden nextjs-portal,body.cursor-hidden nextjs-portal *{cursor:auto!important}.cursor-canvas{pointer-events:none;z-index:150;opacity:1;will-change:transform;contain:paint;width:100vw;height:100vh;transition:opacity .28s cubic-bezier(.2,.8,.2,1);position:fixed;inset:0;transform:translateZ(0)}body.cursor-idle .cursor-canvas{opacity:0}@media (hover:none) and (pointer:coarse){.cursor-canvas{display:none}}#performance{isolation:isolate;position:fixed;inset:0}#start-overlay{background:var(--overlay-bg);z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-cta{cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;background:0 0;border:none;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:18px;margin:0;padding:18px 40px 24px;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.start-cta:hover:not(:disabled){filter:brightness(1.18)saturate(1.1);transform:translate(-50%,-50%)scale(1.05)}.start-cta:active:not(:disabled){transform:translate(-50%,-50%)scale(.97)}.start-cta:focus-visible{filter:brightness(1.2)saturate(1.1)drop-shadow(0 0 12px #ffffff80);outline:none}.start-cta:disabled{cursor:default}.start-cta-halo{pointer-events:none;filter:drop-shadow(0 0 6px #ffffff6b);width:clamp(180px,22vmin,260px);height:clamp(180px,22vmin,260px);transition:filter .22s;display:block;position:relative}.start-cta:hover .start-cta-halo{filter:drop-shadow(0 0 14px #ffffffa6)}.start-mark{opacity:.95;z-index:1;pointer-events:none;width:clamp(48px,6vmin,72px);height:auto;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.start-cta:hover .start-mark{opacity:1}.start-mark-ribbons{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.start-mark-ribbons path{fill:none;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.88;vector-effect:non-scaling-stroke}.start-whisper{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:#fff6;white-space:nowrap;font-size:.72em;animation:2.6s ease-in-out infinite start-whisper-breathe}@keyframes start-whisper-breathe{0%,to{opacity:.45}50%{opacity:.85}}.start-cta.start-cta--launching{pointer-events:none}.start-cta.start-cta--launching .start-mark-ribbons{animation:1.3s cubic-bezier(.4,0,.2,1) forwards start-ribbons-morph}.start-cta.start-cta--launching .start-mark{visibility:hidden}.start-cta.start-cta--launching .start-whisper{animation:.24s forwards start-whisper-vanish}#start-overlay.start-overlay--launching{animation:1.3s cubic-bezier(.4,0,.2,1) forwards start-overlay-backdrop-fade}@keyframes start-ribbons-morph{0%{transform:translate(0)scale(1)}to{transform:translate(var(--halo-tx,0px), var(--halo-ty,0px)) scale(var(--halo-scale,.12))}}@keyframes start-whisper-vanish{to{opacity:0;transform:translateY(8px)}}@keyframes start-overlay-backdrop-fade{to{background:0 0}}.qs-status-text,.qs-status-link,.qs-status-cta{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;font-size:.72em;font-weight:500}.qs-status-text{color:#ffffff6b;animation:2.6s ease-in-out infinite start-whisper-breathe}.qs-status-dot{color:#ffffff38;font-size:.72em}.qs-status-link{cursor:pointer;color:#ffffff8c;text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline;transition:color .18s cubic-bezier(.2,.8,.2,1)}.qs-status-link:hover{color:#ffffffd9}.qs-status-cta{background:var(--accent-soft);border:1px solid var(--accent-line);cursor:pointer;color:var(--accent-hover);box-shadow:0 0 14px var(--accent-glow);border-radius:999px;padding:7px 14px;transition:background-color .18s cubic-bezier(.2,.8,.2,1),color .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),transform .14s cubic-bezier(.2,.8,.2,1)}.qs-status-cta:hover{background:var(--accent-medium);color:#ffe6cf;box-shadow:0 0 22px var(--accent-glow);transform:scale(1.04)}.qs-status-cta:active{transform:scale(.99)}#install-stage{transition:left .32s cubic-bezier(.2,.7,.2,1),bottom .32s cubic-bezier(.2,.7,.2,1),right .32s cubic-bezier(.2,.7,.2,1);position:fixed;inset:0}body[data-mode=graph].drawer-open #install-stage{left:calc(var(--drawer-l-open,0px) + 24px)}@media (max-width:768px){body[data-mode=graph].drawer-open #install-stage{left:0;bottom:var(--drawer-h)}}#install-stage:before{content:"";pointer-events:none;z-index:5;box-shadow:inset 0 0 var(--hud-thickness) 0 var(--hud-tint-strong);position:absolute;inset:0}#install-video-area{background:0 0;position:absolute;inset:0;overflow:hidden}#install-ambient{display:none}#install-video-area #video-wrap{width:auto;height:100%;aspect-ratio:var(--source-aspect);z-index:1;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black var(--focal-feather-y), black calc(100% - var(--focal-feather-y)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black var(--focal-feather-y), black calc(100% - var(--focal-feather-y)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, black var(--focal-feather-y), black calc(100% - var(--focal-feather-y)), transparent 100%);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.focal-side-blur{width:var(--side-blur-width);pointer-events:none;-webkit-backdrop-filter:blur(var(--side-blur-amount));backdrop-filter:blur(var(--side-blur-amount));position:absolute;top:0;bottom:0}.focal-side-blur-left{left:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 70%,#000000d9 80%,#0000008c 88%,#0003 95%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 70%,#000000d9 80%,#0000008c 88%,#0003 95%,#0000 100%)}.focal-side-blur-right{right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0003 5%,#0000008c 12%,#000000d9 20%,#000 30% 100%);mask-image:linear-gradient(90deg,#0000 0%,#0003 5%,#0000008c 12%,#000000d9 20%,#000 30% 100%)}#video-a,#video-b{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.5s ease-in-out;display:block;position:absolute;inset:0}#effects-canvas{opacity:0;width:100%;height:100%;transition:opacity .5s ease-out;display:block;position:absolute;inset:0}#effects-canvas.effects-ready{opacity:1}#install-video-area #hud{display:none}#install-video-area #graph-wrap{inset:calc(var(--hud-thickness) * 2 + var(--ribbon-bleed));z-index:2;position:absolute}@media (max-width:768px){#install-video-area #graph-wrap{inset:calc(var(--hud-thickness) * 2 + var(--ribbon-bleed)) calc(var(--hud-thickness) * 2 + var(--ribbon-bleed)) calc(var(--lite-controls-h,50vh) + 8px) calc(var(--hud-thickness) * 2 + var(--ribbon-bleed))}#install-video-area #graph{--graph-feather-y:80px}}#install-video-area #graph{--graph-feather-x:clamp(80px, 14vw, 220px);--graph-feather-y:36px;width:100%;height:100%;-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--graph-feather-x), black calc(100% - var(--graph-feather-x)), transparent 100%), linear-gradient(to bottom, transparent 0, black var(--graph-feather-y), black calc(100% - var(--graph-feather-y)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--graph-feather-x), black calc(100% - var(--graph-feather-x)), transparent 100%), linear-gradient(to bottom, transparent 0, black var(--graph-feather-y), black calc(100% - var(--graph-feather-y)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--graph-feather-x), black calc(100% - var(--graph-feather-x)), transparent 100%), linear-gradient(to bottom, transparent 0, black var(--graph-feather-y), black calc(100% - var(--graph-feather-y)), transparent 100%);-webkit-mask-composite:source-in;display:block;-webkit-mask-composite:source-in;mask-composite:intersect}#install-video-area #graph-wrap[data-graph-layout=lanes] #graph{--graph-feather-x:0px}body:not([data-mode=graph]) #install-video-area #graph-wrap,body[data-session=idle] #install-video-area #graph-wrap,body[data-mode=graph] #install-video-area #video-wrap,body[data-mode=graph] #install-video-area #effects-canvas,body[data-mode=graph] #install-video-area .focal-side-blur{display:none}#install-video-area #graph-wrap .graph-pause-overlay{color:inherit;font:inherit;cursor:pointer;z-index:3;appearance:none;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}#install-video-area #graph-wrap .graph-pause-overlay:focus-visible{outline:none}@media (pointer:coarse){#install-video-area #graph-wrap .graph-pause-overlay{pointer-events:none}}#install-video-area #graph-wrap .graph-lane-labels{pointer-events:none;z-index:2;position:absolute;inset:0}.graph-lane-label{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);white-space:nowrap;background:#06060cc7;border:1px solid;border-radius:3px;padding:1px 6px 2px;font-size:10px;line-height:1.1;animation:.2s ease-out both graph-lane-label-fade-in;position:absolute;transform:translate(8px,-50%)}.graph-lane-label--idle{opacity:.4;transition:opacity .2s cubic-bezier(.2,.8,.2,1)}.graph-lane-labels--lanes .graph-lane-label{text-overflow:ellipsis;max-width:144px;overflow:hidden}.graph-lane-label--more{color:var(--text-dim);border-color:var(--frame-line);letter-spacing:.25em;background:#06060cc7;font-size:9px}@keyframes graph-lane-label-fade-in{0%{opacity:0}to{opacity:1}}.graph-pause-overlay__glyph{background:var(--overlay-bg);color:#ffffffeb;letter-spacing:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:40px;line-height:1;transition:opacity .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92);box-shadow:0 8px 32px #00000073}.graph-pause-overlay.is-flashing .graph-pause-overlay__glyph{opacity:.95;transform:translate(-50%,-50%)scale(1)}.schedule-curves-overlay{top:70px;left:calc(var(--hud-thickness) + var(--ribbon-bleed) + var(--remix-hint-extend) + 12px + var(--drawer-l-open,0px));right:calc(var(--hud-thickness) + var(--ribbon-bleed) + var(--remix-hint-extend) + 12px);bottom:calc(var(--hud-thickness) + 24px + 100px + 12px);z-index:51;border:1px solid var(--frame-line);border-radius:var(--radius-sm);background:linear-gradient(#ffffff06 0%,#0000 60%),#06060c61;flex-direction:column;transition:left .32s cubic-bezier(.2,.7,.2,1);display:flex;position:fixed;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0009,0 6px 18px #00000080}.schedule-curves-bg,.schedule-curves-canvas{pointer-events:none;width:100%;position:absolute;inset:0 0 44px}.schedule-curves-canvas{pointer-events:auto;cursor:crosshair;z-index:1}.schedule-curves-tabs{z-index:2;background:#06060cb3;border-top:1px solid #ffffff1f;align-items:center;gap:6px;margin-top:auto;padding:6px 8px;display:flex;position:relative}.schedule-curves-tab{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:3px;padding:6px 10px;font-size:.66em;transition:color .14s,border-color .14s,box-shadow .2s}.schedule-curves-tab:hover{color:#ffffffd9;border-color:#ffffff4d}.schedule-curves-tab--enabled:after{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-left:7px;display:inline-block;box-shadow:0 0 6px #f08a4899}.schedule-curves-tab--active{color:var(--accent);border-color:#f08a4873;box-shadow:0 0 12px -4px #f08a4873}.schedule-curves-tab--lora{border-left:2px solid #b08ce88c}.schedule-curves-tab--lora.schedule-curves-tab--active{border-left-color:#b08ce8f2}.schedule-curves-master{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:3px;margin-left:auto;padding:6px 12px;font-size:.62em;transition:color .14s,border-color .14s,box-shadow .2s}.schedule-curves-master:hover{color:#ffffffd9;border-color:#ffffff4d}.schedule-curves-master--on{color:#96dca0;border-color:#78c8828c;box-shadow:0 0 12px -4px #78c88273}.schedule-curves-master--on:hover{color:#b4f0be}.schedule-curves-close{font-family:var(--font-mono);color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1em;display:flex}.schedule-curves-close:hover{color:#fffffff2;border-color:#ffffff4d}.schedule-curves-preset-menu{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06060ceb;border:1px solid #ffffff2e;border-radius:4px;min-width:180px;max-height:calc(100% - 60px);padding:6px;position:absolute;overflow-y:auto;box-shadow:0 8px 32px #0000008c}.schedule-curves-preset-header{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:#ffffff8c;border-bottom:1px solid #ffffff1a;margin-bottom:4px;padding:6px 10px 8px;font-size:.62em}.schedule-curves-preset-item{text-align:left;width:100%;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 10px;font-size:.66em;display:block}.schedule-curves-preset-item:hover{color:#fffffffa;background:#f08a482e}.schedule-curves-preset-divider{background:#ffffff14;height:1px;margin:4px 6px}.install-edge{color:var(--text-dim);letter-spacing:var(--tracking-bar);text-transform:uppercase;-webkit-user-select:none;user-select:none;z-index:6;--fill:0;font-size:22px;position:absolute}body[data-mode=graph]:before{content:"";top:calc(var(--hud-thickness) + 18px);background:linear-gradient(to right, transparent 0%, var(--accent-line) 12%, var(--accent-line) 88%, transparent 100%) top / 100% 1px no-repeat, linear-gradient(to bottom, #0006 0%, transparent 100%);opacity:.9;pointer-events:none;z-index:6;height:18px;position:fixed;left:4%;right:4%}.install-edge .install-edge-label{z-index:2;text-shadow:0 1px 2px #000;position:absolute}.install-ribbons{pointer-events:none;filter:drop-shadow(0 0 calc(1px + var(--bloom-amount,0) * 10px) #ffffff8c);position:absolute;overflow:visible}:root{--ribbon-bleed:calc(var(--hud-thickness) * .5);--ribbon-tail-fade:80px;--ribbon-along-inset:16px}.install-edge-top .install-ribbons{width:100%;height:calc(100% + var(--ribbon-bleed));-webkit-mask-image:linear-gradient(to right, transparent var(--ribbon-along-inset), black calc(var(--ribbon-along-inset) + var(--ribbon-tail-fade)), black calc(100% - var(--ribbon-along-inset) - var(--ribbon-tail-fade)), transparent calc(100% - var(--ribbon-along-inset)));-webkit-mask-image:linear-gradient(to right, transparent var(--ribbon-along-inset), black calc(var(--ribbon-along-inset) + var(--ribbon-tail-fade)), black calc(100% - var(--ribbon-along-inset) - var(--ribbon-tail-fade)), transparent calc(100% - var(--ribbon-along-inset)));mask-image:linear-gradient(to right, transparent var(--ribbon-along-inset), black calc(var(--ribbon-along-inset) + var(--ribbon-tail-fade)), black calc(100% - var(--ribbon-along-inset) - var(--ribbon-tail-fade)), transparent calc(100% - var(--ribbon-along-inset)));top:0;left:0}.install-edge-left .install-ribbons{width:calc(100% + var(--ribbon-bleed));height:100%;-webkit-mask-image:linear-gradient(to bottom, transparent var(--ribbon-along-inset), black calc(var(--ribbon-along-inset) + var(--ribbon-tail-fade)), black calc(100% - var(--ribbon-along-inset) - var(--ribbon-tail-fade)), transparent calc(100% - var(--ribbon-along-inset)));-webkit-mask-image:linear-gradient(to bottom, transparent var(--ribbon-along-inset), black calc(var(--ribbon-along-inset) + var(--ribbon-tail-fade)), black calc(100% - var(--ribbon-along-inset) - var(--ribbon-tail-fade)), transparent calc(100% - var(--ribbon-along-inset)));mask-image:linear-gradient(to bottom, transparent var(--ribbon-along-inset), black calc(var(--ribbon-along-inset) + var(--ribbon-tail-fade)), black calc(100% - var(--ribbon-along-inset) - var(--ribbon-tail-fade)), transparent calc(100% - var(--ribbon-along-inset)));top:0;left:0}.install-edge-right .install-ribbons{top:0;left:calc(-1 * var(--ribbon-bleed));width:calc(100% + var(--ribbon-bleed));height:100%;-webkit-mask-image:linear-gradient(to bottom, transparent var(--ribbon-along-inset), black calc(var(--ribbon-along-inset) + var(--ribbon-tail-fade)), black calc(100% - var(--ribbon-along-inset) - var(--ribbon-tail-fade)), transparent calc(100% - var(--ribbon-along-inset)));-webkit-mask-image:linear-gradient(to bottom, transparent var(--ribbon-along-inset), black calc(var(--ribbon-along-inset) + var(--ribbon-tail-fade)), black calc(100% - var(--ribbon-along-inset) - var(--ribbon-tail-fade)), transparent calc(100% - var(--ribbon-along-inset)));mask-image:linear-gradient(to bottom, transparent var(--ribbon-along-inset), black calc(var(--ribbon-along-inset) + var(--ribbon-tail-fade)), black calc(100% - var(--ribbon-along-inset) - var(--ribbon-tail-fade)), transparent calc(100% - var(--ribbon-along-inset)))}.install-edge.install-edge-pulse .install-edge-bar{opacity:1}.install-edge.install-edge-pulse .install-edge-label{color:var(--text);transition:color .2s}.install-edge-top{top:0;left:calc(var(--hud-thickness) + 144px);right:calc(var(--hud-thickness) + 80px);height:var(--hud-thickness)}.install-edge-top .install-edge-label{top:calc(50% + var(--top-bias,5px));left:24px;transform:translateY(-50%)}.install-edge-top .install-edge-bar{transform-origin:0 100%;width:100%;height:2px;transform:scaleX(var(--fill)) scaleY(calc(1 + var(--bloom-amount,0) * 3));bottom:0;left:0}.install-edge-left,.install-edge-right{top:var(--hud-thickness);bottom:calc(var(--hud-thickness) + 144px);width:var(--hud-thickness)}.install-edge-left{left:0}.install-edge-right{right:0}.install-edge-left .install-edge-label,.install-edge-right .install-edge-label{writing-mode:vertical-rl;text-orientation:mixed;bottom:24px;left:50%;transform:translate(-50%)}.install-edge-left .install-edge-bar,.install-edge-right .install-edge-bar{width:2px;height:100%;transform:scaleY(var(--fill)) scaleX(calc(1 + var(--bloom-amount,0) * 3));bottom:0}.install-edge-left .install-edge-bar{transform-origin:100% 100%;right:0}.install-edge-right .install-edge-bar{transform-origin:0 100%;left:0}.style-panel{top:50%;left:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-left,0px));border:1px solid var(--frame-line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#06060c9e;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:fixed;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff0a,0 4px 14px #0006}.style-panel-label{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);text-align:center;font-size:9px}.style-panel-faders{flex-direction:row;align-items:stretch;gap:14px;display:flex}.style-fader{flex-direction:column;align-items:center;gap:4px;width:36px;display:flex}.style-fader-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:8px;line-height:1.2;overflow:hidden}.style-fader-track{cursor:ns-resize;touch-action:none;width:100%;height:180px;position:relative}.style-fader-track:before{content:"";background:linear-gradient(90deg,#0009 0%,#00000073 50%,#ffffff0a 100%);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 1px 0 #000000b3,inset -1px 0 1px #ffffff0d}.style-fader-fill{background:linear-gradient(to top, color-mix(in srgb, var(--accent) 70%, #000) 0%, var(--accent) 100%);pointer-events:none;border-radius:2px;width:4px;transition:height 70ms linear;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.style-fader-cap{pointer-events:none;background:linear-gradient(#4e5460 0%,#2a2e36 48%,#121418 100%);border-radius:2px;width:26px;height:10px;transition:bottom 70ms linear;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 1px 2px #000000a6,0 0 0 1px #0000008c,inset 0 1px #ffffff26,inset 0 -1px #00000080}.style-fader-cap:before{content:"";background:var(--accent);height:1px;box-shadow:0 0 3px var(--accent);border-radius:1px;position:absolute;top:50%;left:2px;right:2px;transform:translateY(-50%)}.style-fader-value{font-family:var(--font-mono);color:var(--text);font-size:9px}.style-fader--empty{opacity:.35}.style-fader--empty .style-fader-track{cursor:default}@media (max-width:768px){.style-panel{display:none}}.install-edge-left .install-ribbons,.install-edge-right .install-ribbons,.install-edge-left .install-edge-bar,.install-edge-right .install-edge-bar,.install-edge-left .install-edge-label,.install-edge-right .install-edge-label{opacity:0}@media (max-width:768px){.install-edge-left .install-edge-bar,.install-edge-right .install-edge-bar,.install-edge-left .install-edge-label,.install-edge-right .install-edge-label{opacity:1}}.install-edge-empty .install-edge-bar{opacity:.3;transform:scaleY(.05)}.install-edge-empty .install-edge-label{opacity:.4}.remix-hint{pointer-events:none;letter-spacing:.18em;color:#ffffff8c;white-space:nowrap;text-transform:lowercase;z-index:8;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:11px;transition:opacity .18s;position:absolute;top:calc(100% + 6px)}.remix-hint--prominent{letter-spacing:.22em;color:#ffffffeb;text-shadow:0 0 6px #ffffff73,0 0 14px #ffffff40;font-size:15px;font-weight:600}.desktop-edge-drag{touch-action:none;z-index:7;position:fixed}.desktop-edge-drag[data-side=top]{top:0;left:calc(var(--hud-thickness) + 144px);right:calc(var(--hud-thickness) + 80px);height:calc(var(--hud-thickness) + var(--ribbon-bleed));cursor:ew-resize}:root{--remix-hint-extend:60px}.desktop-edge-drag[data-side=left]{left:0;top:var(--hud-thickness);bottom:calc(var(--hud-thickness) + 144px);width:calc(var(--hud-thickness) + var(--ribbon-bleed) + var(--remix-hint-extend));cursor:ns-resize}.desktop-edge-drag[data-side=right]{right:0;top:var(--hud-thickness);bottom:calc(var(--hud-thickness) + 144px);width:calc(var(--hud-thickness) + var(--ribbon-bleed) + var(--remix-hint-extend));cursor:ns-resize}.desktop-edge-drag[data-empty=true]{cursor:default}.mixer-tile[data-tile=library]{min-width:280px;max-width:360px}.lora-search{padding:6px 8px 2px}.lora-search-input{box-sizing:border-box;border:1px solid var(--frame-line);width:100%;color:var(--text);letter-spacing:.02em;background:#ffffff0a;border-radius:5px;padding:5px 8px;font-family:inherit;font-size:11px}.lora-search-input:focus{border-color:var(--accent-line);outline:none}.lora-search-input::placeholder{color:var(--text-dim)}.lora-section-head{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);padding:8px 10px 3px;font-size:9px}.mixer-tile[data-tile=library] .lora-empty{opacity:.55;text-align:center;padding:14px 6px;font-size:11px;font-style:italic}.lora-active-list,.lora-browse{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;overflow:hidden auto}.lora-active-list::-webkit-scrollbar{width:6px}.lora-browse::-webkit-scrollbar{width:6px}.lora-active-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.lora-browse::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.lora-active-list::-webkit-scrollbar-thumb:hover{background:#ffffff59}.lora-browse::-webkit-scrollbar-thumb:hover{background:#ffffff59}.lora-active-list{flex-direction:column;gap:5px;max-height:168px;padding:2px 8px 4px;display:flex}.lora-active-row{color:var(--accent);border:1px solid var(--accent-line);background:#f08a4812;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:5px 8px 7px;display:grid}.lora-active-name{letter-spacing:.04em;color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.lora-active-remove{width:16px;height:16px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;transition:color .12s,background .12s;display:flex}.lora-active-remove:hover{color:var(--text-strong);background:#ffffff14}.lora-browse{flex-direction:column;max-height:256px;padding:0 8px 6px;display:flex}.lora-genre-head{border:none;border-bottom:1px solid var(--frame-line);cursor:pointer;width:100%;color:var(--text);background:0 0;align-items:center;gap:7px;padding:7px 4px;transition:color .12s;display:flex}.lora-genre-head:hover{color:var(--text-strong)}.lora-genre-caret{width:9px;color:var(--text-dim);flex:none;font-size:9px}.lora-genre-name{text-align:left;letter-spacing:.07em;text-transform:uppercase;flex:1;font-size:10px}.lora-genre-count{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;font-size:10px}.lora-genre-on{color:var(--accent);letter-spacing:.03em;border:1px solid var(--accent-line);border-radius:8px;padding:1px 6px;font-size:9px}.lora-genre-body{flex-direction:column;padding:3px 0 7px;display:flex}.lora-browse-row{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;flex-direction:column;gap:2px;width:100%;padding:5px 7px;transition:background .12s;display:flex}.lora-browse-row:hover{background:#ffffff0a}.lora-browse-row.enabled{background:#f08a4817}.lora-browse-main{align-items:center;gap:8px;display:flex}.lora-browse-name{letter-spacing:.04em;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.lora-browse-row.enabled .lora-browse-name{color:var(--text-strong)}.lora-browse-add{border:1px solid var(--frame-line);width:16px;height:16px;color:var(--text-dim);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:flex}.lora-browse-row:hover .lora-browse-add{border-color:var(--accent-line);color:var(--text)}.lora-browse-row.enabled .lora-browse-add{background:var(--accent);border-color:var(--accent);color:#fff}.lora-browse-row.cap-blocked{opacity:.45;cursor:not-allowed}.lora-browse-row.cap-blocked .lora-browse-add{color:var(--text-dim);border-color:var(--border-dim)}.lora-browse-desc{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.lora-context-menu{z-index:200;background:var(--panel,#16161f);border:1px solid var(--frame-line);border-radius:6px;min-width:150px;padding:4px;position:fixed;box-shadow:0 8px 24px #00000080}.lora-context-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:11px;display:block}.lora-context-menu-item:hover{color:var(--text-strong);background:#ffffff12}.lora-context-menu-divider{background:var(--frame-line);opacity:.85;height:1px;margin:4px 6px}.lora-hidden-footer{border-top:1px solid var(--frame-line);color:var(--text-dim);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:10px;display:flex}.lora-hidden-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:10px}.lora-hidden-toggle:hover{color:var(--accent-hover,var(--accent))}.lora-strength{grid-column:1/-1;align-items:center;gap:8px;display:flex}.lora-strength-track{cursor:pointer;touch-action:none;background:#ffffff14;border-radius:3px;flex:1;height:6px;margin:4px 7px;transition:background .12s;position:relative}.lora-strength-track:hover{background:#ffffff24}.lora-strength-fill{opacity:.75;background:currentColor;border-radius:3px;width:0%;transition:width 60ms linear;position:absolute;top:0;bottom:0;left:0}.lora-strength-thumb{background:var(--text-strong);opacity:.95;pointer-events:none;border:2px solid;border-radius:50%;width:14px;height:14px;margin-top:-7px;margin-left:-7px;transition:left 60ms linear,transform .12s,box-shadow .18s;position:absolute;top:50%}.lora-strength-track:hover .lora-strength-thumb{box-shadow:0 0 8px var(--accent-glow);transform:scale(1.15)}.lora-strength-value{font-variant-numeric:tabular-nums;text-align:right;opacity:.7;min-width:3ch;font-size:10px}.lora-active-row.refit-pending .lora-strength-track{cursor:progress}.lora-active-row.refit-pending .lora-strength-thumb{opacity:.55;box-shadow:none;transform:none}.lora-active-row.refit-pending .lora-strength-value{opacity:.45}.seed-btn,.pause-btn,.send-prompt-btn{color:var(--text-dim);border:1px solid var(--frame-line);border-radius:var(--radius-sm);font:inherit;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;background:0 0;transition:color .12s,border-color .12s,background .12s}.seed-btn:hover,.pause-btn:hover,.send-prompt-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.seed-btn:active,.send-prompt-btn:active,.send-prompt-btn.is-pressed,.pause-btn:active{background:var(--accent-medium);border-color:var(--accent)}.pause-btn{letter-spacing:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 10px;font-size:.85em;display:inline-flex}.pause-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.seed-btn{letter-spacing:0;justify-content:center;align-items:center;width:60px;height:90px;font-size:1.3em;display:flex}.seed-dice{width:28px;height:28px;color:var(--text)}.lite-seed-icon .seed-dice{width:22px;height:22px}.send-prompt-btn{letter-spacing:.06em;min-width:44px;min-height:44px;padding:10px 16px;font-size:.72em}#prompt-section .send-prompt-btn{align-self:stretch;width:100%}:root{--drawer-handle-h:0px;--drawer-h:clamp(380px, 50vh, 540px);--drawer-w:clamp(360px, 32vw, 440px);--drawer-l-open:0px;--drawer-w-open:0px}body.drawer-open{--drawer-l-open:var(--drawer-w)}@media (max-width:768px){body.drawer-open{--drawer-l-open:0px}}.install-sheet{top:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-top,0px));left:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-left,0px));bottom:max(calc(var(--hud-thickness) + 24px + 112px), env(safe-area-inset-bottom,0px));width:var(--drawer-w);border:1px solid var(--frame-line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateX(calc(-100% - var(--hud-thickness) + 8px));z-index:50;background:#06060c9e;flex-direction:column;transition:transform .32s cubic-bezier(.2,.7,.2,1);display:flex;position:fixed;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 4px 14px #0006}@media (max-width:768px){.install-sheet{width:auto;height:var(--drawer-h);background:var(--sheet-bg);border:none;border-top:1px solid var(--frame-line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;inset:auto 0 0;transform:translateY(100%)}}.install-sheet.open{transform:translate(0)}@media (max-width:768px){.install-sheet.open{transform:translateY(0)}}.install-sheet--spread{width:min(1400px, calc(100vw - 2 * (var(--hud-thickness) + 24px)));bottom:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-bottom,0px))}@media (max-width:768px){.install-sheet--spread{width:auto}}.install-sheet-edge-handle{border:none;border-left:1px solid var(--frame-line);border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;width:32px;color:var(--text-dim);appearance:none;z-index:2;background:#08080ef5;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:color .14s ease-out,background .14s ease-out;display:flex;position:absolute;top:0;bottom:0;right:0}.install-sheet-edge-handle:hover{color:var(--text-strong);background:#14141ef5}.install-sheet-edge-handle-caret{display:inline-block}@media (max-width:768px){.install-sheet-edge-handle{display:none}}.install-sheet-spread-toggle{border:1px solid var(--frame-line);width:22px;height:22px;color:var(--text-dim);cursor:pointer;appearance:none;z-index:3;background:#00000073;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:color .14s ease-out,background .14s ease-out,border-color .14s ease-out;display:inline-flex;position:absolute;bottom:8px;right:5px}.install-sheet-spread-toggle:hover{color:var(--text-strong);border-color:var(--accent-line);background:#14141ee6}.install-sheet-spread-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent-line)}@media (max-width:768px){.install-sheet-spread-toggle{display:none}}.install-sheet.open .install-sheet-body{padding-right:36px}.demon-brand-mark{z-index:30;pointer-events:none;align-items:center;gap:5px;display:flex;position:absolute;top:18px;left:20px}.demon-letter{width:32px;height:42px;filter:drop-shadow(0 0 6px rgba(255, 255, 255, calc(.28 + var(--bloom-amount,0) * .35)));overflow:visible}.demon-letter path{fill:none;stroke-width:calc(1.6px + var(--bloom-amount,0) * 2.2px);stroke-linecap:round;stroke-linejoin:round;opacity:calc(.78 + var(--bloom-amount,0) * .22);vector-effect:non-scaling-stroke}.demon-brand-mark .demon-letter{opacity:0}.demon-brand-mark .demon-letter[data-letter=O]{opacity:1;visibility:hidden}.demon-brand-mark--entered .demon-letter{animation:.46s cubic-bezier(.2,.8,.2,1) forwards demon-letter-slide-in}.demon-brand-mark--entered .demon-letter[data-letter=D]{animation-delay:.22s}.demon-brand-mark--entered .demon-letter[data-letter=E]{animation-delay:.3s}.demon-brand-mark--entered .demon-letter[data-letter=M]{animation-delay:.38s}.demon-brand-mark--entered .demon-letter[data-letter=N]{animation-delay:.46s}.demon-brand-mark--entered .demon-letter[data-letter=O]{animation:1.28s step-end forwards demon-letter-o-snap}@keyframes demon-letter-slide-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes demon-letter-o-snap{0%{visibility:hidden}to{visibility:visible}}.install-sheet-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 14px 14px;display:flex}.drawer-help-bar{border-top:1px solid var(--frame-line);border-radius:0 0 var(--radius-md) var(--radius-md);background:#08080e8c;flex-direction:column;flex:none;gap:4px;min-height:88px;max-height:28vh;margin-top:auto;padding:10px 12px 11px;display:flex;overflow-y:auto}.drawer-help-bar--active{background:#0c0c14b3}.drawer-help-bar-title{font-family:var(--font-mono);letter-spacing:var(--tracking-bar);text-transform:uppercase;color:var(--accent);margin:0;font-size:.6em}.drawer-help-bar-text{color:var(--text-strong);margin:0;font-size:11px;line-height:1.5}.drawer-help-bar-hint{color:var(--text-dim);margin:0;font-size:10.5px;font-style:italic;line-height:1.4}.drawer-help-bar--overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0 0 0 var(--radius-md);z-index:2;background:#08080ec7;flex:none;min-height:0;max-height:25%;margin-top:0;position:absolute;bottom:0;left:0;right:32px}@media (max-width:768px){.drawer-help-bar{display:none}}.hud-help-readout{top:max(calc(var(--hud-thickness) / 2 - 10px + var(--top-bias,5px)), env(safe-area-inset-top,0px));z-index:25;pointer-events:none;border:1px solid var(--frame-line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a1099;flex-direction:column;gap:2px;max-width:min(540px,70vw);padding:5px 13px 6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}body.drawer-open .hud-help-readout{display:none}.hud-help-readout-title{font-family:var(--font-mono);letter-spacing:var(--tracking-bar);text-transform:uppercase;color:var(--accent);margin:0;font-size:.55em}.hud-help-readout-text{color:var(--text-strong);margin:0;font-size:10.5px;line-height:1.45}@media (max-width:768px){.hud-help-readout{display:none}}.install-section-operator{border-bottom:1px solid var(--frame-line);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:10px;display:flex}.operator-strip{flex-direction:column;gap:14px;padding:4px 2px 6px;display:flex}.operator-section{flex-direction:column;gap:6px;display:flex}.operator-section+.operator-section{border-top:1px solid var(--frame-line);padding-top:12px}.operator-section-label{font-family:var(--font-mono);letter-spacing:var(--tracking-bar);text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.6em;font-weight:400}.operator-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.operator-config-readout{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.install-section-operator .ws-url-input{width:220px}.install-section-operator .operator-density-toggle{margin-left:auto}.install-section-operator .pause-btn--right{margin-left:0}.mixer-rack{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow-y:auto}.mixer-rack-row{flex-wrap:wrap;flex:none;align-items:stretch;gap:8px;display:flex}.mixer-rack{--slider-strip-w:clamp(36px, calc(36px + (100vw - 1500px) * 14 / 900), 50px)}.mixer-rack .mixer-tile{gap:clamp(4px,.222222vw + .666667px,6px);padding:clamp(6px,.222222vw + 2.66667px,8px) clamp(7px,.333333vw + 2px,10px) clamp(7px,.333333vw + 2px,10px)}.mixer-rack .mixer-channels{gap:clamp(3px,.111111vw + 1.33333px,4px)}.mixer-rack .dcw-panel{width:clamp(110px,2.22222vw + 76.6667px,130px)}.mixer-rack.mixer-rack--no-kbd-hints kbd,.mixer-rack.mixer-rack--no-kbd-hints .blend-kbd,.mixer-rack.mixer-rack--no-kbd-hints .send-kbd{display:none}.install-sheet-topbar{border-bottom:1px solid var(--frame-line);align-items:stretch;margin-bottom:6px;display:flex}.drawer-tabs{border:1px solid var(--frame-line);border-radius:var(--radius-sm);background:#00000059;flex-direction:column;flex:auto;gap:3px;margin:4px 0 6px;padding:3px;display:flex;box-shadow:inset 0 1px 2px #00000080,inset 0 -1px #ffffff08,0 1px #ffffff0a}.drawer-tabs-row{gap:0;display:flex}.drawer-tab{min-width:0;color:var(--text-dim);cursor:pointer;appearance:none;font:inherit;background:linear-gradient(#ffffff0a 0%,#ffffff03 50%,#00000026 100%);border:1px solid #0000;border-radius:3px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;margin-left:1px;padding:6px 2px 7px;transition:color .14s ease-out,background .14s ease-out,box-shadow .14s ease-out;display:inline-flex}.drawer-tab:first-child{margin-left:0}.drawer-tab:hover{color:var(--text);background:linear-gradient(#ffffff0f 0%,#ffffff05 50%,#0000001a 100%)}.drawer-tab--active{color:var(--text-strong);background:linear-gradient(#00000059 0%,#00000026 50%,#ffffff0a 100%);border-color:#f08a4840;box-shadow:inset 0 1px 2px #0000008c,inset 0 0 0 1px #0006}.drawer-tab--active .drawer-tab-icon{color:var(--accent)}.drawer-tab-icon{color:currentColor;flex:none;width:16px;height:16px;transition:color .14s ease-out,transform .14s ease-out;display:block}.drawer-tab:hover .drawer-tab-icon{transform:translateY(-.5px)}.drawer-tab-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.58em;line-height:1;overflow:hidden}.mixer-rack--tabbed>.mixer-tile,.mixer-rack--tabbed>.knob-tile{flex:auto;width:100%}.mixer-rack--tabbed>.styles-tab,.mixer-rack--tabbed>.mod-tab{flex-direction:column;flex:none;gap:12px;width:100%;min-height:0;display:flex}.styles-tab>.mixer-tile,.mod-tab>.mixer-tile{flex:none;width:100%;max-width:100%;min-height:0}.styles-tab>*+*,.mod-tab>*+*{border-top:1px solid var(--frame-line);padding-top:12px}.styles-accordion{width:100%;min-height:0}.styles-accordion-head{cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:8px;padding:6px 4px;transition:color .12s;display:flex}.styles-accordion-head:hover{color:var(--text-strong)}.styles-accordion-caret{width:10px;color:var(--text-dim);flex:none;font-size:10px}.styles-accordion-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:11px;transition:color .12s}.styles-accordion.open .styles-accordion-title,.styles-accordion-head:hover .styles-accordion-title{color:var(--text-strong)}.styles-accordion-body{padding-top:2px}.styles-accordion-body .mixer-tile{background:0 0;border:none;width:100%;max-width:100%;padding:0}.styles-accordion-body .mixer-tile-label{display:none}.mixer-rack--tabbed>.mixer-tile,.mixer-rack--tabbed>.knob-tile{background:0 0;border:none;padding:8px 4px 4px}.mixer-rack--tabbed[data-active-tab=core]>.knob-tile>.knob-tile-label,.mixer-rack--tabbed[data-active-tab=mod]>.knob-tile>.knob-tile-label,.mixer-rack--tabbed[data-active-tab=lib]>.mixer-tile>.mixer-tile-label,.mixer-rack--tabbed[data-active-tab=prompt]>.mixer-tile>.mixer-tile-label{display:none}.mixer-rack--tabbed[data-active-tab=prompt]{flex-direction:column;gap:10px}.mixer-rack--tabbed[data-active-tab=config]>*{flex:auto;width:100%}.mixer-rack--spread{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"core styles mod""voice voice config";align-items:stretch;gap:8px;min-height:0;display:grid;overflow:hidden}.spread-section[data-section=core]{grid-area:core}.spread-section[data-section=styles]{grid-area:styles}.spread-section[data-section=mod]{grid-area:mod}.spread-section[data-section=voice]{grid-area:voice}.spread-section[data-section=config]{grid-area:config}.spread-section{border:1px solid var(--frame-line);border-radius:var(--radius-sm);scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;background:#0000002e;flex-direction:column;gap:4px;min-width:0;min-height:0;padding:6px 8px 8px;display:flex;overflow:hidden auto}.spread-section::-webkit-scrollbar{width:6px}.spread-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.spread-section-label{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--frame-line);flex:none;margin:0;padding-bottom:3px;font-size:9px;font-weight:500}.spread-section .mixer-tile,.spread-section .knob-tile{background:0 0;border:none;gap:4px;padding:4px 2px 2px}.knob-tile{flex-direction:column;gap:16px;display:flex}.knob-rack{flex-wrap:wrap;align-items:flex-start;gap:14px 18px;display:flex}.knob-ref-row{flex-wrap:wrap;gap:8px 14px;display:flex}.knob-dcw{margin-top:4px}.core-stems{border-top:1px solid var(--frame-line);flex-direction:column;gap:4px;padding-top:12px;display:flex}.core-stems-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);font-size:.55em}.core-stems-status{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.48em;font-style:italic;overflow:hidden}.core-stems .hero-stem-panners{width:min(280px,100%);margin-top:4px}.core-stems .hero-stem-panner-label{text-align:left}.source-mode-switch{gap:1px;width:min(280px,100%);margin-top:2px;display:flex}.source-mode-option{min-width:0;color:var(--text-dim);cursor:pointer;appearance:none;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#ffffff0a 0%,#ffffff03 50%,#00000026 100%);border:1px solid #0000;border-radius:3px;flex:1 1 0;padding:4px 2px;font-size:8px;line-height:1;transition:color .14s ease-out,background .14s ease-out,box-shadow .14s ease-out,opacity .14s ease-out}.source-mode-option:hover:not(:disabled):not(.is-active){color:var(--text);background:linear-gradient(#ffffff0f 0%,#ffffff05 50%,#0000001a 100%)}.source-mode-option.is-active{color:var(--dd-1);border-color:color-mix(in srgb, var(--dd-1) 35%, transparent);cursor:default;background:linear-gradient(#00000059 0%,#00000026 50%,#ffffff0a 100%);box-shadow:inset 0 1px 2px #0000008c,inset 0 0 0 1px #0006}.source-mode-option:disabled:not(.is-active){opacity:.4;cursor:default}.source-mode-option:focus-visible{outline:1px solid var(--dd-1);outline-offset:1px}.knob-group{-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;align-items:center;gap:4px;width:64px;display:flex}.knob-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);text-align:center;cursor:help;justify-content:center;align-items:flex-end;min-height:2.4em;font-size:.55em;line-height:1.2;display:flex}.knob-body{cursor:ns-resize;touch-action:none;pointer-events:auto;border-radius:50%;width:48px;height:48px;transition:transform .12s ease-out,filter .12s ease-out;position:relative}.knob-body:focus-visible{filter:drop-shadow(0 0 4px var(--accent-glow));outline:none}.knob-body:hover .knob-svg{transform:translateY(-.5px)}.knob-svg{width:100%;height:100%;transition:transform .1s ease-out;display:block}.knob-arc-bg{stroke:#00000080;stroke-width:3.5px;stroke-linecap:round}.knob-arc-fill{stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 1.5px var(--knob-tint));transition:stroke .12s ease-out,filter .12s ease-out}.knob-shadow{fill:#0000008c;filter:blur(1px)}.knob-indicator-shadow{stroke:#000000b3;stroke-width:3px;stroke-linecap:round}.knob-indicator{stroke-width:1.5px;stroke-linecap:round;transition:stroke .12s ease-out}.knob-value{font-family:var(--font-mono);color:var(--text);text-align:center;cursor:text;min-height:14px;font-size:11px}.knob-value-input{font-family:var(--font-mono);background:var(--input-bg);border:1px solid var(--accent-line);width:100%;color:var(--text);text-align:center;border-radius:3px;padding:1px 2px;font-size:11px}.knob-kbd{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);background:0 0;border:none;padding:0;font-size:8.5px}.seed-knob-body{cursor:pointer;background:0 0;border:0;padding:0}.seed-knob-body:focus-visible{filter:drop-shadow(0 0 4px var(--accent-glow));outline:none}.seed-knob-body:active .seed-dice-glyph{opacity:.7}.seed-knob-value{min-width:56px}.hero-macros{bottom:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-bottom,0px));border:1px solid var(--frame-line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;--knob-strip-w:56px;pointer-events:auto;background:#06060c9e;flex-direction:row;align-items:flex-end;gap:12px;padding:10px 18px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff0a,0 4px 14px #0006}.hero-macros .knob-group{width:var(--knob-strip-w);gap:3px}.hero-macros .knob-body,.hero-macros .knob-svg{width:44px;height:44px}.hero-macros .knob-label{min-height:1.4em;font-size:.5em}.hero-macros .knob-value{font-size:10px}.hero-macros .knob-kbd{font-size:8px}.hero-macros-knobs{flex-direction:row;align-items:flex-end;gap:22px;display:flex;position:relative}.strength-onboarding-hint{z-index:6;pointer-events:none;flex-direction:row;align-items:center;gap:4px;animation:.28s ease-out strength-onboarding-hint-in;display:flex;position:absolute;top:50%;right:100%;transform:translate(-12px,-50%)}@keyframes strength-onboarding-hint-in{0%{opacity:0;transform:translate(-6px,-50%)}to{opacity:1;transform:translate(-12px,-50%)}}@keyframes strength-onboarding-hint-bob{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.strength-onboarding-hint-text{font-family:var(--font-mono);letter-spacing:.05em;white-space:nowrap;color:#fff;text-shadow:0 0 6px #0000008c;font-size:12px;font-style:italic;animation:2.2s ease-in-out infinite strength-onboarding-hint-bob}.strength-onboarding-hint-arrow{-webkit-user-select:none;user-select:none;pointer-events:none;flex:none;width:68px;height:68px;animation:2.2s ease-in-out infinite strength-onboarding-hint-bob}@media (hover:none) and (pointer:coarse){.strength-onboarding-hint{display:none}}@media (prefers-reduced-motion:reduce){.strength-onboarding-hint,.strength-onboarding-hint-text,.strength-onboarding-hint-arrow{animation:none}}.hero-macros-divider{background:var(--frame-line);flex:none;align-self:stretch;width:1px;margin:0 4px}.hero-macros-styles,.hero-macros-stems{flex-direction:column;align-items:center;gap:6px;display:flex}.hero-macros-stems,.hero-macros-tools{align-self:center}.hero-macros-group-row{flex-direction:row;align-items:flex-end;gap:10px;display:flex}.hero-macros-group-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;font-size:.5em}.hero-macros-group-status{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;text-align:center;text-overflow:ellipsis;max-width:100%;margin-top:-4px;font-size:.42em;font-style:italic;overflow:hidden}.hero-style-fader{flex-direction:column;align-items:center;gap:3px;width:48px;display:flex}.hero-style-fader-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:7.5px;overflow:hidden}.hero-style-fader-track{cursor:ns-resize;touch-action:none;width:20px;height:56px;margin:0 auto;position:relative}.hero-style-fader-track:before{content:"";background:linear-gradient(90deg,#0009 0%,#00000073 50%,#ffffff0a 100%);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 1px 0 #000000b3,inset -1px 0 1px #ffffff0d}.hero-style-fader-fill{background:linear-gradient(to top, color-mix(in srgb, var(--accent) 70%, #000) 0%, var(--accent) 100%);pointer-events:none;border-radius:2px;width:3px;transition:height 70ms linear;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-style-fader-cap{pointer-events:none;background:linear-gradient(#4e5460 0%,#2a2e36 48%,#121418 100%);border-radius:2px;width:20px;height:8px;transition:bottom 70ms linear;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 1px 2px #000000a6,0 0 0 1px #0000008c,inset 0 1px #ffffff26,inset 0 -1px #00000080}.hero-style-fader-cap:before{content:"";background:var(--accent);height:1px;box-shadow:0 0 3px var(--accent);border-radius:1px;position:absolute;top:50%;left:2px;right:2px;transform:translateY(-50%)}.hero-style-fader-value{font-family:var(--font-mono);color:var(--text);font-size:9px;line-height:1}.hero-style-fader-kbd{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);background:0 0;border:none;padding:0;font-size:7.5px;line-height:1}.mixer-rack--no-kbd-hints .hero-style-fader-kbd{display:none}.hero-style-fader--empty{opacity:.35}.hero-style-fader--empty .hero-style-fader-track{cursor:default}.hero-stem-panners{flex-direction:column;gap:12px;width:160px;display:flex}.hero-stem-panner{--stem-tint:#3db6be;grid-template-columns:32px 1fr 34px;align-items:center;column-gap:8px;display:grid}.hero-stem-panner-label{appearance:none;font:inherit;cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);text-align:right;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:0;font-size:7.5px;line-height:1;transition:color .14s ease-out;overflow:hidden}.hero-stem-panner-label[aria-pressed=true]{color:var(--stem-tint)}.hero-stem-panner-label:hover:not(:disabled){color:color-mix(in srgb, var(--stem-tint) 60%, var(--text))}.hero-stem-panner-label:disabled{cursor:default}.hero-stem-panner-label:focus-visible{outline:1px solid var(--stem-tint);outline-offset:2px;border-radius:2px}.hero-stem-panner-track{cursor:ew-resize;touch-action:none;height:22px;position:relative}.hero-stem-panner-track:before{content:"";background:linear-gradient(#0009 0%,#00000073 50%,#ffffff0a 100%);border-radius:2px;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 1px #000000b3,inset 0 -1px 1px #ffffff0d}.hero-stem-panner-fill{background:linear-gradient(to right, color-mix(in srgb, var(--stem-tint) 70%, #000) 0%, var(--stem-tint) 100%);pointer-events:none;border-radius:2px;height:3px;transition:width 70ms linear;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hero-stem-panner-cap{pointer-events:none;background:linear-gradient(#4e5460 0%,#2a2e36 48%,#121418 100%);border-radius:2px;width:8px;height:18px;transition:left 70ms linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #000000a6,0 0 0 1px #0000008c,inset 1px 0 #ffffff26,inset -1px 0 #00000080}.hero-stem-panner-cap:before{content:"";background:var(--stem-tint);width:1px;box-shadow:0 0 3px var(--stem-tint);border-radius:1px;position:absolute;top:2px;bottom:2px;left:50%;transform:translate(-50%)}.hero-stem-panner-value{font-family:var(--font-mono);color:var(--text);text-align:right;font-size:9px;line-height:1}.hero-stem-panner--empty{opacity:.35}.hero-stem-panner--empty .hero-stem-panner-track{cursor:default}.hero-macros-rec-dot{background:#e84f3d;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 4px #e84f3d73}.hero-macros-rec--active .hero-macros-rec-dot{animation:1s ease-in-out infinite hero-macros-rec-pulse}.hero-macros-rec--active{color:var(--text-strong);border-color:#e84f3da6}@keyframes hero-macros-rec-pulse{0%,to{opacity:.6;transform:scale(1);box-shadow:0 0 4px #e84f3d66}50%{opacity:1;transform:scale(1.18);box-shadow:0 0 10px #e84f3dd9}}@media (prefers-reduced-motion:reduce){.hero-macros-rec--active .hero-macros-rec-dot{opacity:1;animation:none}}.hero-macros-tools{flex-direction:column;align-items:stretch;gap:4px;min-width:116px;display:flex}.hero-macros-tool{border:1px solid var(--frame-line);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;appearance:none;background:0 0;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;padding:5px 10px 6px;font-size:9px;line-height:1;transition:color .14s ease-out,border-color .14s ease-out,background .14s ease-out;display:inline-flex}.hero-macros-tool:hover{color:var(--text-strong);border-color:var(--accent-line);background:#ffffff05}.hero-macros-tool--active{color:var(--text-strong);border-color:var(--accent-line)}.hero-macros-tool-label{line-height:1}.hero-macros-toggle{border:1px solid var(--frame-line);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;appearance:none;background:0 0;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;padding:5px 10px 6px;transition:color .14s ease-out,border-color .14s ease-out,background .14s ease-out;display:inline-flex}.hero-macros-toggle:hover{color:var(--text-strong);border-color:var(--accent-line);background:#ffffff05}.hero-macros-toggle-label{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:9px;line-height:1}.hero-macros-toggle-caret{font-size:10px;line-height:1;transition:transform .14s ease-out}.hero-macros--drawer-open .hero-macros-toggle{color:var(--text-strong);border-color:var(--accent-line)}.midi-in-toggle{cursor:pointer;font:inherit;color:var(--text-dim);appearance:none;background:0 0;border:0;align-self:center;align-items:center;gap:8px;margin:0;padding:6px 2px;transition:color .14s ease-out;display:inline-flex}.midi-in-toggle:hover{color:var(--text)}.midi-in-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.midi-in-toggle-led{background:linear-gradient(#ffffff38 0%,#ffffff0f 35%,#0000 60%),radial-gradient(circle at 50% 55%,#281e1ed9 0%,#0c0a0afa 100%);border-radius:50%;width:8px;height:8px;position:relative;box-shadow:inset 0 1px 1px #0009,inset 0 -1px #ffffff0d,0 0 0 1px #ffffff1a,0 1px 1px #00000080}.midi-in-toggle-led:after{content:"";opacity:0;background:radial-gradient(circle at 40% 40%,#fff0e6f2 0%,#ff5032 40%,#8c120a 100%);border-radius:50%;transition:opacity .14s ease-out;position:absolute;inset:1px;box-shadow:0 0 4px #ff5032d9,0 0 10px #ff3c288c,inset 0 1px #ffffff59}.midi-in-toggle--on .midi-in-toggle-led:after,.midi-in-toggle--warn .midi-in-toggle-led:after{opacity:1}.midi-in-toggle--warn .midi-in-toggle-led:after{background:radial-gradient(circle at 40% 40%,#fff0c8f2 0%,#e6b43c 40%,#78500a 100%);box-shadow:0 0 4px #e6b43cd9,0 0 10px #dca0288c,inset 0 1px #ffffff59}.midi-in-toggle-label{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:.62em;line-height:1}@media (hover:none) and (pointer:coarse){.midi-in-toggle{display:none}}body.drawer-open .hero-macros-knobs,body.drawer-open .hero-macros-styles,body.drawer-open .hero-macros-stems,body.drawer-open .hero-macros-divider,.hero-macros--curve-open .hero-macros-knobs,.hero-macros--curve-open .hero-macros-styles,.hero-macros--curve-open .hero-macros-stems,.hero-macros--curve-open .hero-macros-divider{display:none}body.drawer-open .hero-macros-tools,body.curve-open .hero-macros-tools{flex-direction:row;gap:6px;min-width:0}body.curve-open #install-video-area #graph-wrap .graph-lane-labels,body.curve-open #install-video-area #graph{opacity:0;pointer-events:none}.hero-macros--drawer-open,.hero-macros--curve-open{gap:0;padding:4px 14px}@media (max-width:768px){.hero-macros{display:none}}.footer-links{top:max(calc(var(--hud-thickness) / 2 + var(--top-bias,5px)), env(safe-area-inset-top,0px));z-index:4;pointer-events:auto;align-items:center;gap:10px;display:inline-flex;position:fixed;right:140px}.footer-link{border:1px solid var(--frame-line);color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;appearance:none;background:#ffffff05;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 6px;font-size:9.5px;line-height:1;text-decoration:none;transition:color .14s ease-out,background .14s ease-out,border-color .14s ease-out;display:inline-flex;position:relative}.footer-link:hover{color:var(--text-strong);border-color:var(--accent-line);background:#ffffff0f}.footer-link--cta{border-color:var(--accent-line);color:var(--accent)}.footer-link--cta:hover{color:var(--accent-hover);border-color:var(--accent-hover);background:#ffffff0a}.footer-link-icon{justify-content:center;align-items:center;display:inline-flex}.footer-link-label{line-height:1}@media (max-width:768px){.footer-links{display:none}}.mixer-tile--voice{gap:8px}.voice-tile-warning{border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:#ffb83c0a;margin:0 0 6px;padding:6px 22px 7px 8px;position:relative}.voice-tile-warning-close{width:16px;height:16px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;transition:color .1s,background .1s;display:flex;position:absolute;top:3px;right:4px}.voice-tile-warning-close:hover{color:var(--text-strong);background:#ffffff0f}.voice-tile-warning-title{font-family:var(--font-mono);letter-spacing:var(--tracking-bar);text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:.6em}.voice-tile-warning-body{color:var(--text-dim);max-width:70ch;margin:0;font-size:11px;line-height:1.45}.voice-sections-row{grid-template-columns:auto 1px auto;align-items:stretch;gap:14px;display:grid}.voice-section{flex-direction:column;gap:4px;min-width:0;display:flex}.voice-section-divider{background:var(--frame-line);align-self:stretch;width:1px;margin:4px 0}.voice-section-label{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);font-size:.55em}.mixer-tile{border:1px solid var(--frame-line);border-radius:var(--radius-sm);background:#ffffff03;flex-direction:column;flex:none;gap:6px;padding:8px 10px 10px;display:flex}.mixer-tile-label{font-family:var(--font-mono);letter-spacing:var(--tracking-bar);color:var(--text-dim);text-transform:uppercase;font-size:.6em}.mixer-channels{flex-wrap:nowrap;flex:auto;align-items:stretch;gap:4px;min-height:0;display:flex}.slider-group{width:var(--slider-strip-w,50px);background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:6px;padding:0;display:flex}.slider-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;text-align:center;justify-content:center;align-items:flex-end;width:100%;min-height:2.4em;font-size:.55em;line-height:1.2;display:flex}.slider-track{cursor:ns-resize;touch-action:none;background:0 0;flex:auto;width:32px;min-height:78px;position:relative}.slider-track:before{content:"";background:linear-gradient(90deg,#0009 0%,#00000073 50%,#ffffff0a 100%);border-radius:2px;width:4px;transition:box-shadow 70ms linear;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 1px 0 #000000b3,inset -1px 0 1px #ffffff0d,0 1px #ffffff0a}.slider-fill{background:linear-gradient(to top, color-mix(in srgb, var(--slider-tint,var(--accent)) 70%, #000) 0%, var(--slider-tint,var(--accent)) 100%);pointer-events:none;width:4px;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--slider-tint,var(--accent)) 40%, transparent));border-radius:2px;transition:height 70ms linear,background 70ms linear;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.slider-thumb{pointer-events:none;background:linear-gradient(#4e5460 0%,#2a2e36 48%,#121418 100%);border-radius:2px;width:22px;height:10px;transition:bottom 70ms linear,box-shadow 70ms linear;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 1px 2px #000000a6,0 0 0 1px #0000008c,inset 0 1px #ffffff26,inset 0 -1px #00000080}.slider-thumb:before{content:"";background:var(--slider-tint,var(--accent));height:1px;box-shadow:0 0 3px var(--slider-tint,var(--accent));border-radius:1px;transition:background 70ms linear;position:absolute;top:50%;left:2px;right:2px;transform:translateY(-50%)}.slider-group.dragging .slider-fill,.slider-group.dragging .slider-thumb,.slider-group.dragging .slider-track:before,.slider-group.dragging .slider-value{transition:none}.slider-group.active .slider-track:before{box-shadow:0 0 12px var(--accent-glow)}.slider-value{font-family:var(--font-mono);color:var(--slider-tint,var(--accent));font-size:.65em;transition:color 70ms linear}.slider-group kbd,.blend-kbd,.send-kbd{background:var(--frame);border:1px solid var(--frame-line);border-radius:var(--radius-sm);min-height:18px;font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;align-items:center;gap:2px;padding:2px 5px;font-size:.55em;display:inline-flex}.send-prompt-btn .send-kbd{margin-left:8px;font-size:.65em}#blend-control .blend-kbd{margin-left:6px}.dcw-panel{background:0 0;border:none;flex-direction:column;flex:none;align-self:stretch;align-items:stretch;gap:6px;width:130px;padding:0;display:flex}.seed-content{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:6px;padding-top:4px;display:flex}.mixer-tile-prompts{flex:100%;width:auto;max-width:100%;min-height:110px}.mixer-tile-prompts #prompt-section{flex:auto}.dcw-toggle{color:var(--text-dim);border:1px solid var(--frame-line);border-radius:var(--radius-sm);letter-spacing:.04em;cursor:pointer;background:0 0;padding:4px 8px;font-family:inherit;font-size:.7em;transition:color .12s,border-color .12s,background .12s}.dcw-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.dcw-toggle.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.dcw-row{color:var(--text-dim);justify-content:space-between;align-items:center;gap:6px;font-size:.65em;display:flex}.dcw-row-label{white-space:nowrap}.dcw-select{background:var(--input-bg);color:var(--text);border:1px solid var(--frame-line);border-radius:var(--radius-sm);cursor:pointer;padding:2px 4px;font-family:inherit;font-size:.95em}.dcw-select:focus{border-color:var(--accent);outline:none}.ws-url-input,.prompt-input{background:var(--input-bg);border:1px solid var(--frame-line);color:var(--text-dim);font-family:var(--font-mono);border-radius:var(--radius-sm);transition:border-color .12s,color .12s}.ws-url-input:focus,.prompt-input:focus{border-color:var(--accent);color:var(--text);outline:none}.ws-url-input{width:100%;min-height:32px;padding:6px 10px;font-size:.7em}.fixture-select{background:var(--input-bg);border:1px solid var(--frame-line);color:var(--text-dim);font-family:var(--font-mono);border-radius:var(--radius-sm);max-width:240px;min-height:44px;padding:6px 10px;font-size:.7em;transition:border-color .12s,color .12s}.fixture-select:focus{border-color:var(--accent);color:var(--text);outline:none}.prompt-input{resize:vertical;width:100%;min-height:56px;padding:6px 8px;font-family:inherit;font-size:.75em;line-height:1.4}#prompt-section{flex-direction:column;align-items:stretch;gap:10px;display:flex}.prompt-slot{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.prompt-slot .prompt-input{resize:vertical;width:100%;min-height:56px}.prompt-label,.blend-label,.blend-value{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.16em;text-transform:uppercase;font-size:10px}#blend-control{align-items:center;gap:8px;width:100%;padding:4px 0;display:flex}.blend-label{flex-shrink:0;font-weight:600}.blend-value{color:var(--accent);text-align:center;flex-shrink:0;min-width:2.8em}#prompt-blend{appearance:none;background:linear-gradient(to right, var(--accent-line), var(--accent));cursor:pointer;height:6px;accent-color:var(--accent);border-radius:3px;outline:none;flex:1}#prompt-blend::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-strong);border:2px solid var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:0 0 6px var(--accent-glow);border-radius:50%}#prompt-blend::-moz-range-thumb{background:var(--text-strong);border:2px solid var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:0 0 6px var(--accent-glow);border-radius:50%}#install-midi-slot{flex-wrap:wrap;flex:auto;align-items:center;gap:6px;min-width:0;display:flex}#midi-status{border:1px solid var(--frame-line);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;flex-shrink:0;padding:4px 10px;font-size:.65em;transition:border-color .2s,color .2s,background .12s;display:inline-block}#midi-status:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}#midi-status.midi-ok{border-color:var(--accent);color:var(--accent)}#midi-status.midi-warn{border-color:var(--warn);color:var(--warn)}#midi-status.midi-error{border-color:var(--critical);color:var(--critical)}#midi-diag{background:var(--input-bg);border:1px solid var(--frame-line);border-radius:var(--radius-sm);max-height:110px;font-family:var(--font-mono);color:var(--text);white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text;flex:100%;padding:8px;font-size:.62em;overflow-y:auto}.status-bar{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:#ffffffb8;z-index:11;white-space:normal;overflow-wrap:anywhere;pointer-events:none;opacity:0;background:#06060cbf;border:1px solid #ffffff26;border-radius:4px;max-width:min(80vw,520px);padding:10px 18px;font-size:.78em;line-height:1.5;transition:opacity .2s,transform .24s cubic-bezier(.2,.8,.2,1);position:fixed;top:35%;left:50%;transform:translate(-50%,calc(12px - 50%))}.status-bar--visible{opacity:1;transform:translate(-50%,-50%)}.status-bar__text{animation:2.6s ease-in-out infinite start-whisper-breathe;display:block}.status-bar__subtitle{letter-spacing:.22em;text-transform:none;opacity:.7;margin-top:5px;font-size:.7em;animation:2.6s ease-in-out -1.3s infinite start-whisper-breathe;display:block}.status-bar[data-state=loading]{color:var(--accent)}.status-bar[data-state=info]{color:#ffffffd9}.status-bar[data-state=error]{color:var(--warn);border-color:#ffcc0073;box-shadow:inset 0 0 0 1px #ffcc0040,0 0 24px -6px #ffcc0073}@media (pointer:coarse){.desktop-only{display:none!important}}@media (hover:none){.desktop-only{display:none!important}}.midi-learning{outline:2px dashed var(--warn);outline-offset:2px;border-radius:var(--radius-sm);animation:.7s ease-in-out infinite alternate midi-learn-pulse}@keyframes midi-learn-pulse{0%{outline-color:var(--warn)}to{outline-color:var(--accent)}}.install-sheet:not(.open) .install-sheet-body{content-visibility:auto;contain-intrinsic-size:0 320px}.halo-badge{z-index:8;top:max(calc(var(--hud-thickness) / 2 - 10px + var(--top-bias,5px)), env(safe-area-inset-top,0px));right:calc(max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-right,0px)) + var(--drawer-w-open,0px));cursor:pointer;background:0 0;border:none;border-radius:50%;width:44px;height:44px;padding:0;transition:transform .14s cubic-bezier(.2,.8,.2,1),filter .2s,right .32s cubic-bezier(.2,.7,.2,1);position:fixed;overflow:visible}.halo-badge:before{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:0;background:#06060c99;border-radius:50%;transition:background .16s;position:absolute;inset:0}.halo-badge:hover{filter:brightness(1.12)saturate(1.08);transform:scale(1.06)}.halo-badge:hover:before{background:#06060cc7}.halo-badge:active{transform:scale(.98)}.halo-badge--open{filter:brightness(1.18)saturate(1.12)}.halo-badge .halo-ribbons{pointer-events:none;z-index:1;width:calc(100% + 6px);height:calc(100% + 6px);filter:drop-shadow(0 0 calc(1px + var(--bloom-amount,0) * 8px) #ffffff8c);position:absolute;inset:-3px;overflow:visible}.halo-badge-img{z-index:2;pointer-events:none;opacity:.92;color:#fff;width:100%;height:100%;display:block;position:relative;transform:scale(.58)}.halo-badge:hover .halo-badge-img,.halo-badge--open .halo-badge-img{opacity:1}.halo-menu{top:max(calc(var(--hud-thickness) / 2 + 46px + var(--top-bias,5px)), calc(env(safe-area-inset-top,0px) + 56px));right:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-right,0px));z-index:9;background:var(--sheet-bg);border:1px solid var(--frame-line);border-radius:var(--radius-lg);min-width:240px;box-shadow:0 18px 50px #0000008c, 0 0 0 1px var(--accent-line), 0 0 26px #f08a482e;font-family:var(--font-mono);transform-origin:100% 0;flex-direction:column;padding:6px 0;font-size:.78em;animation:.2s cubic-bezier(.2,.8,.2,1) halo-menu-in;display:flex;position:fixed;overflow:hidden}@keyframes halo-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.halo-menu:before{content:"";background:var(--dd-gradient);pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.halo-menu-email{color:var(--text-dim);letter-spacing:.04em;border-bottom:1px solid var(--frame-line);word-break:break-all;margin-bottom:4px;padding:12px 16px 10px;font-size:.85em}.halo-menu-item{text-align:left;color:var(--text);font:inherit;letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:11px 16px;text-decoration:none;transition:background .12s,color .12s;display:flex}.halo-menu-item:hover{background:var(--accent-soft);color:var(--accent-hover)}.halo-menu-item-label{flex:1}.halo-menu-item-icon{width:18px;height:18px;color:var(--accent);justify-content:center;align-items:center;font-size:1em;display:inline-flex}.halo-menu-item--cta{color:var(--accent);font-weight:500}.halo-menu-item--cta:hover{color:var(--accent-hover)}.halo-menu-item-chip{letter-spacing:.12em;background:var(--accent-medium);color:var(--accent-hover);border:1px solid var(--accent-line);border-radius:999px;padding:2px 6px;font-size:.62em}@media (max-width:480px){.halo-menu{left:max(14px, env(safe-area-inset-left,0px));right:max(14px, env(safe-area-inset-right,0px));min-width:0}}.halo-menu-sep{background:var(--frame-line);height:1px;margin:4px 12px}.config-modal-backdrop{z-index:100;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px;animation:.18s ease-out config-fade-in;display:flex;position:fixed;inset:0}@keyframes config-fade-in{0%{opacity:0}to{opacity:1}}.config-modal{background:var(--sheet-bg);border:1px solid var(--frame-line);border-radius:var(--radius-lg);flex-direction:column;width:min(560px,100%);max-height:min(80vh,720px);animation:.22s cubic-bezier(.2,.8,.2,1) config-pop-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0009}@keyframes config-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.config-modal-accent{background:var(--dd-gradient);height:2px;position:absolute;top:0;left:0;right:0}.config-modal-header{justify-content:space-between;align-items:center;padding:16px 18px 8px;display:flex}.config-modal-title{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-strong);font-size:.85em;font-weight:500}.config-modal-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1.4em;line-height:1;transition:color .12s,background .12s}.config-modal-close:hover{color:var(--accent);background:var(--accent-soft)}.config-modal-tabs{border-bottom:1px solid var(--frame-line);gap:2px;padding:0 18px;display:flex}.config-modal-tab{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:.7em;transition:color .12s,border-color .12s}.config-modal-tab:hover{color:var(--text)}.config-modal-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.config-modal-body{font-family:var(--font-mono);flex:1;padding:14px 18px 18px;font-size:.78em;overflow-y:auto}.config-midi-status{border:1px solid var(--frame-line);border-radius:var(--radius-md);color:var(--text);background:#ffffff05;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;font-size:.92em;display:flex}.config-midi-status-dot{background:var(--text-dim);border-radius:50%;width:8px;height:8px}.config-midi-status--ok .config-midi-status-dot{background:var(--dd-1);box-shadow:0 0 8px var(--dd-1)}.config-midi-status--warn .config-midi-status-dot{background:var(--dd-2);box-shadow:0 0 8px var(--dd-2)}.config-midi-status--info .config-midi-status-dot{background:var(--accent)}.config-midi-status--off .config-midi-status-dot{background:var(--text-dim)}.config-midi-status-hint{color:var(--text-dim);margin-left:auto;font-size:.85em}.config-midi-table{border:1px solid var(--frame-line);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.config-midi-row{border-bottom:1px solid var(--frame-line);grid-template-columns:minmax(0,1fr) 48px 56px auto;align-items:center;gap:8px;padding:8px 12px;display:grid}.config-midi-row:last-child{border-bottom:none}.config-midi-row--head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;background:#ffffff08;font-size:.85em}.config-midi-cell-label{color:var(--text)}.config-midi-cell-kind{color:var(--text-dim)}.config-midi-cell-num{color:var(--accent);font-variant-numeric:tabular-nums;text-align:right}.config-midi-cell-actions{justify-content:flex-end;gap:6px;display:flex}.config-midi-btn{border:1px solid var(--frame-line);border-radius:var(--radius-sm);color:var(--text);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;padding:5px 10px;font-size:.92em;transition:color .12s,border-color .12s,background .12s}.config-midi-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.config-midi-btn:disabled{opacity:.35;cursor:not-allowed}.config-midi-btn:disabled:hover{color:var(--text);border-color:var(--frame-line);background:0 0}.config-midi-btn--ghost{color:var(--text-dim)}.config-midi-btn--learning{color:var(--accent);border-color:var(--accent);background:var(--accent-medium);animation:1.2s ease-in-out infinite config-pulse}@keyframes config-pulse{50%{box-shadow:0 0 14px var(--accent-glow)}}.config-midi-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.config-midi-tip{border-left:2px solid var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm);color:var(--text);margin:0 0 12px;padding:8px 10px;font-size:.9em;line-height:1.4}.config-keyboard-list{border:1px solid var(--frame-line);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.config-keyboard-row{border-bottom:1px solid var(--frame-line);grid-template-columns:120px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.config-keyboard-row:last-child{border-bottom:none}.config-keyboard-combo{border:1px solid var(--frame-line);border-radius:var(--radius-sm);color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;text-align:center;background:#ffffff0a;padding:4px 8px;font-size:.85em;display:inline-block}.config-keyboard-desc{color:var(--text)}.config-keyboard-note{color:var(--text-dim);margin-top:12px;font-size:.85em;font-style:italic}.install-sheet--mobile{height:360px;bottom:env(safe-area-inset-bottom,0px)}@media (max-width:768px){.install-edge-top{display:none}.install-edge-left{top:max(96px, calc(env(safe-area-inset-top,0px) + 80px));bottom:calc(var(--drawer-handle-h,52px) + env(safe-area-inset-bottom,0px) + 12px);width:56px}.install-edge-left .install-edge-label{display:none}.halo-badge{width:52px;height:52px;top:max(14px, env(safe-area-inset-top,0px));right:max(14px, env(safe-area-inset-right,0px))}.halo-menu{top:max(78px, calc(env(safe-area-inset-top,0px) + 78px));right:max(14px, env(safe-area-inset-right,0px))}}.lite-controls{padding:10px max(14px, env(safe-area-inset-left,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(14px, env(safe-area-inset-right,0px));border-top:1px solid var(--frame-line);border-left:1px solid var(--frame-line);border-right:1px solid var(--frame-line);border-radius:var(--radius-md) var(--radius-md) 0 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:8;background:linear-gradient(#06060c9e 0%,#06060cd1 35%,#06060cf0 100%);flex-direction:column;align-items:stretch;gap:8px;margin-inline:0;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff0a,0 -4px 14px #0006}@media (max-width:768px){.lite-controls{display:flex}}.lite-tabs{align-self:center;gap:4px;display:flex}.lite-tab{border:1px solid var(--frame-line);color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;appearance:none;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 12px 4px;font-size:9px;line-height:1;transition:color .14s,border-color .14s,background .14s;display:inline-flex;position:relative}.lite-tab:hover{color:var(--text);border-color:var(--accent-line)}.lite-tab--active{color:var(--text-strong);border-color:var(--accent-line);background:#ffffff0a;box-shadow:inset 0 1px 2px #0006}.lite-tab-dot{background:#e84f3d;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite save-pill-pulse;display:inline-block}@media (prefers-reduced-motion:reduce){.lite-tab-dot{opacity:1;animation:none}}.lite-tab-body{flex-direction:column;min-height:0;display:flex}.lite-tab-section{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:14px;width:100%;padding:4px 4px 2px;display:flex}.lite-row{align-items:center;display:flex}.lite-row--track{flex:none;width:100%;min-width:0}.lite-row--track>.lite-track-picker{flex:auto;min-width:0}.lite-row--main{flex:auto;justify-content:space-around;align-items:stretch;gap:12px;min-height:0;padding:6px 0 4px}.lite-row--main .slider-group{flex-direction:column;flex:1 1 0;align-items:center;gap:18px;min-width:0;display:flex}.lite-row--main .slider-group .slider-label{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.lite-row--main .slider-track{flex:auto;width:44px;min-height:140px}.lite-row--main .slider-track:before,.lite-row--main .slider-fill{border-radius:14px;width:28px}.lite-row--main .slider-thumb{border-width:2px;border-radius:50%;width:28px;height:28px}.lite-row--main .slider-thumb:before{border-radius:50%;width:6px;height:6px;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.lite-row--actions{flex:none;justify-content:space-between;gap:10px;width:100%;padding-top:4px}.lite-row--actions>*{flex:none}.lite-row--actions .lite-all-controls{min-width:80px;height:44px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--frame-line);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:10px;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.lite-row--actions .lite-all-controls:hover,.lite-row--actions .lite-all-controls:active{color:var(--text-strong);border-color:var(--accent-line);background:#ffffff0a}.lite-row--actions .lite-all-controls .lite-all-controls-arrow{font-size:14px;line-height:1}.lite-seed-btn{border:1px solid var(--frame-line);border-radius:var(--radius-md);width:88px;min-height:88px;color:var(--text);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;transition:border-color .12s,background .12s,box-shadow .12s;display:flex}.lite-seed-btn:hover,.lite-seed-btn:active{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:0 0 12px var(--accent-glow)}.lite-seed-icon{font-size:30px;line-height:1}.lite-seed-value{font-family:var(--font-mono);color:var(--accent);font-size:.72em}.lite-row--prompt{flex:none;gap:8px}.lite-prompt-input{background:var(--input-bg);border:1px solid var(--frame-line);border-radius:var(--radius-md);height:44px;color:var(--text);font:inherit;-webkit-appearance:none;outline:none;flex:auto;padding:0 14px;font-size:16px;transition:border-color .12s}.lite-prompt-input:focus{border-color:var(--accent)}.lite-send-btn{border:1px solid var(--accent);border-radius:var(--radius-md);height:44px;color:var(--accent);font:inherit;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;background:0 0;flex:none;padding:0 20px;font-size:.82em;transition:background .12s,color .12s,box-shadow .12s}.lite-send-btn:hover,.lite-send-btn:active{background:var(--accent-soft);color:var(--accent-hover);box-shadow:0 0 14px var(--accent-glow)}.lite-all-controls{min-height:44px;color:var(--text-dim);font:inherit;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-self:center;align-items:center;gap:8px;padding:12px 20px;font-size:.74em;transition:color .12s;display:inline-flex}.lite-all-controls:hover{color:var(--accent)}.lite-all-controls-arrow{transition:transform .12s}.lite-all-controls:hover .lite-all-controls-arrow{transform:translate(4px)}.lite-all-controls-dot{background:#e84f3d;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin:0 6px;animation:1.4s ease-in-out infinite save-pill-pulse;display:inline-block}@media (prefers-reduced-motion:reduce){.lite-all-controls-dot{opacity:1;animation:none}}.lite-prompt-input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset}:root{--remix-rail-w:56px}.remix-rail{left:0;top:max(96px, calc(env(safe-area-inset-top,0px) + 80px));bottom:calc(var(--drawer-handle-h,52px) + env(safe-area-inset-bottom,0px) + 12px);width:var(--remix-rail-w);z-index:6;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;padding:6px 0;display:flex;position:fixed}.remix-rail-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text);writing-mode:vertical-rl;text-shadow:0 0 12px var(--accent-glow);flex:none;margin-top:4px;font-size:.72em;transform:rotate(180deg)}.remix-rail-drag{cursor:ns-resize;touch-action:none;background:0 0;flex:auto;width:100%}.remix-rail-value{font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums;text-align:center;flex:none;min-width:3ch;font-size:.65em}.mobile-sheet{z-index:90;background:var(--sheet-bg);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;animation:.26s cubic-bezier(.2,.8,.2,1) mobile-sheet-in;display:flex;position:fixed;inset:0}@keyframes mobile-sheet-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mobile-sheet-accent{top:env(safe-area-inset-top,0px);background:var(--dd-gradient);pointer-events:none;height:2px;position:absolute;left:0;right:0}.mobile-sheet-header{border-bottom:1px solid var(--frame-line);flex-shrink:0;grid-template-columns:44px 1fr 44px;align-items:center;padding:12px 14px 8px;display:grid}.mobile-sheet-back{width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.mobile-sheet-back:hover{background:var(--accent-soft);color:var(--accent)}.mobile-sheet-title{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-strong);text-align:center;font-size:.85em;font-weight:500}.mobile-sheet-spacer{width:44px;height:44px}.mobile-sheet-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;flex:auto;min-height:0;display:flex;overflow:auto hidden}.mobile-sheet-track::-webkit-scrollbar{display:none}.mobile-sheet-section{scroll-snap-align:start;scroll-snap-stop:always;-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-direction:column;flex:0 0 100%;gap:14px;width:100%;padding:16px 14px;display:flex;overflow-y:auto}.mobile-sheet-section .mixer-tile{box-sizing:border-box;width:100%;margin:0}.mobile-sheet-section .mixer-tile .mixer-channels{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow:auto hidden}.mobile-sheet-section .mixer-tile .mixer-channels::-webkit-scrollbar{display:none}.mobile-sheet-section .install-section-operator{flex-direction:column;align-items:stretch;gap:10px;display:flex}.mobile-sheet-section .install-section-operator>*{width:100%}@media (max-width:768px),(max-height:500px) and (orientation:landscape){.mobile-sheet-section .operator-config-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.mobile-sheet-section .operator-config-actions .pause-btn{width:100%}.mobile-sheet-section .operator-config-actions [data-dd-tooltip]:after{display:none!important}.mobile-sheet-section .operator-config-readout{clip-path:none;white-space:normal;border:1px solid var(--frame-line);border-radius:var(--radius-sm);width:auto;height:auto;min-height:56px;color:var(--text-dim);background:#08080e8c;flex-direction:column;gap:4px;margin:2px 0 0;padding:9px 10px;font-size:11px;line-height:1.45;display:flex;position:static;overflow:visible}.mobile-sheet-section .operator-config-readout-item{display:block}}.mobile-sheet-section #prompt-section{flex-direction:column;gap:12px}.mobile-sheet-section .prompt-slot{flex:none}.mobile-sheet-section .prompt-input{box-sizing:border-box;width:100%;min-height:80px;font-size:16px}.mobile-sheet-section #blend-control{gap:10px;width:100%;min-width:0;padding:8px 0}.mobile-sheet-section #blend-control input[type=range]{flex:auto}.mobile-sheet-section .send-prompt-btn{width:100%;min-height:44px;font-size:14px}.mobile-sheet-tabs{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--frame-line);background:var(--frame);-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;flex-shrink:0;gap:4px;display:flex;overflow-x:auto}.mobile-sheet-tabs::-webkit-scrollbar{display:none}.mobile-sheet-tab{appearance:none;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:none;padding:10px 14px;font-size:.72em;transition:color .18s,background .18s,transform 80ms}.mobile-sheet-tab:hover{color:var(--text)}.mobile-sheet-tab--active{color:var(--text-strong);background:color-mix(in srgb, var(--accent) 20%, transparent)}.mobile-sheet-tab:active{transform:scale(.97)}.turntable-wrap{display:contents}.rec-warning{bottom:max(calc(var(--hud-thickness) + 106px), calc(env(safe-area-inset-bottom,0px) + 82px));right:max(calc(var(--hud-thickness) - 16px), env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--warn);white-space:nowrap;z-index:9;pointer-events:none;background:#06060cd9;border:1px solid #ffcc0073;border-radius:4px;padding:8px 14px;font-size:.68em;animation:.2s cubic-bezier(.2,.8,.2,1) rec-warning-fade-in;position:fixed;box-shadow:inset 0 0 0 1px #ffcc0040,0 0 24px -6px #ffcc0073}@keyframes rec-warning-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.turntable{bottom:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-bottom,0px));right:calc(max(calc(var(--hud-thickness) - 16px), env(safe-area-inset-right,0px)) + var(--drawer-w-open,0px));cursor:pointer;z-index:8;background:0 0;border:none;width:92px;height:70px;padding:0;transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .2s,right .32s cubic-bezier(.2,.7,.2,1);position:fixed;overflow:visible}.turntable:hover{filter:brightness(1.08);transform:scale(1.04)}.turntable:active{transform:scale(.99)}.turntable:disabled,.turntable--busy{cursor:progress;opacity:.75}.turntable:focus-visible{outline:none}.turntable:focus-visible .turntable-disc{box-shadow:0 0 0 2px var(--accent), 0 6px 22px #0009}.turntable-caption{text-align:center;width:54px;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);pointer-events:none;font-size:8.5px;transition:color .16s;position:absolute;top:66px;left:3px}.turntable:hover .turntable-caption{color:var(--accent-hover)}.turntable--recording .turntable-caption,.turntable--paused .turntable-caption{opacity:0}.turntable-disc{transform-origin:50%;width:54px;height:54px;filter:drop-shadow(0 6px 18px #0000008c) drop-shadow(0 0 calc(1px + var(--bloom-amount,0) * 12px) #e84f3d2e);border-radius:50%;position:absolute;top:6px;left:3px}.turntable--recording .turntable-disc{animation:6s linear infinite turntable-spin}.turntable--paused .turntable-disc{animation:6s linear infinite paused turntable-spin}.turntable-platter{background:radial-gradient(circle at 35% 30%,#ffffff0d 0%,#fff0 40%),radial-gradient(circle,#15151c 0%,#08080d 70%,#02020a 100%);border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 12px #0009,inset 0 0 1px #ffffff0a}.turntable-grooves{pointer-events:none;width:100%;height:100%;filter:drop-shadow(0 0 calc(.5px + var(--bloom-amount,0) * 4px) #e84f3d47);position:absolute;inset:0}.turntable-label{background:radial-gradient(circle at 38% 32%,#ffc8aa8c 0%,#ffc8aa00 38%),#e84f3d;border:1px solid #ffffff2e;border-radius:50%;width:22px;height:22px;margin:auto;position:absolute;inset:0;box-shadow:0 0 0 1.5px #0000008c,0 0 8px #e84f3d8c,inset 0 -1px 2px #00000059,inset 0 1px 1px #ffffff2e}.turntable--recording .turntable-label{box-shadow:0 0 0 1.5px #0000008c, 0 0 calc(8px + var(--bloom-amount,0) * 14px) #e84f3dd9, inset 0 -1px 2px #00000059, inset 0 1px 1px #ffffff38;background:radial-gradient(circle at 38% 32%,#ffdcc899 0%,#ffdcc800 38%),#ff5a48}.turntable-spindle{background:radial-gradient(circle,#000000a6 0%,#00000059 60%,#0000 100%);border-radius:50%;width:4px;height:4px;margin:auto;position:absolute;inset:0;box-shadow:0 0 0 .5px #ffffff1f}.turntable-tonearm{pointer-events:none;z-index:2;filter:drop-shadow(0 2px 4px #0000008c);width:100%;height:100%;position:absolute;inset:0}.turntable-tonearm-arm{transform-origin:95px 12px;transition:transform .72s cubic-bezier(.42,0,.15,1);transform:rotate(-26deg)}.turntable--active .turntable-tonearm-arm{transform:rotate(3deg)}.turntable:hover .turntable-tonearm-arm{transform:rotate(-19deg)}.turntable--active:hover .turntable-tonearm-arm{transform:rotate(5deg)}.turntable-time{text-align:center;width:60px;font-family:var(--font-mono);letter-spacing:.08em;color:#f08a48;opacity:.95;pointer-events:none;text-shadow:0 0 6px #000c;font-size:11px;position:absolute;bottom:-6px;left:0}@keyframes turntable-spin{to{transform:rotate(360deg)}}.turntable-confetti{pointer-events:none;z-index:3;width:0;height:0;position:absolute;top:33px;left:30px}.turntable-confetti-dot{opacity:0;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;animation:.72s cubic-bezier(.2,.7,.2,1) forwards turntable-confetti-burst;position:absolute;top:0;left:0}.turntable-confetti-dot--0{--x:46px;--y:-10px;background:#e84f3d;animation-delay:0s}.turntable-confetti-dot--1{--x:38px;--y:28px;background:#f08a48;animation-delay:20ms}.turntable-confetti-dot--2{--x:12px;--y:46px;background:#c7b566;animation-delay:40ms}.turntable-confetti-dot--3{--x:-24px;--y:42px;background:#3db6be;animation-delay:60ms}.turntable-confetti-dot--4{--x:-44px;--y:18px;background:#e84f3d;animation-delay:0s}.turntable-confetti-dot--5{--x:-46px;--y:-14px;background:#f08a48;animation-delay:30ms}.turntable-confetti-dot--6{--x:-30px;--y:-36px;background:#c7b566;animation-delay:80ms}.turntable-confetti-dot--7{--x:-6px;--y:-46px;background:#3db6be;animation-delay:50ms}.turntable-confetti-dot--8{--x:22px;--y:-40px;background:#e84f3d;animation-delay:10ms}.turntable-confetti-dot--9{--x:48px;--y:12px;background:#f08a48;animation-delay:70ms}.turntable-confetti-dot--10{--x:26px;--y:40px;background:#c7b566;animation-delay:40ms}.turntable-confetti-dot--11{--x:-18px;--y:-30px;background:#3db6be;animation-delay:90ms}@keyframes turntable-confetti-burst{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1}to{transform:translate(var(--x), var(--y)) scale(1.05);opacity:0}}@media (max-width:768px){.turntable{right:max(14px, env(safe-area-inset-right,0px))}}@media (max-width:360px){.turntable{width:80px;height:60px}.turntable-disc{width:48px;height:48px;top:4px;left:3px}.turntable-confetti{top:28px;left:27px}.turntable-time{width:54px;font-size:10px}}.rec-btn{gap:6px}.rec-btn-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 5px #e84f3d99}.rec-btn--recording .rec-btn-dot{box-shadow:0 0 calc(4px + var(--bloom-amount,0) * 10px) #e84f3dd9;animation:1s ease-in-out infinite rec-btn-blink}.rec-btn--recording{color:var(--text-strong)}.rec-btn--busy{cursor:progress;opacity:.75}@keyframes rec-btn-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.recording-preview{z-index:12;background:var(--sheet-bg);border:1px solid var(--accent-line);min-width:320px;max-width:min(440px,100vw - 32px);box-shadow:0 18px 48px #0000008c, 0 0 calc(8px + var(--bloom-amount,0) * 14px) var(--accent-glow);border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px 12px;animation:.32s cubic-bezier(.2,.8,.2,1) recording-preview-in;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.recording-preview-header{font-family:var(--font-mono);letter-spacing:.04em;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.recording-preview-title{color:var(--text-strong);text-transform:uppercase;font-weight:600}.recording-preview-meta{color:var(--text-dim);font-size:11px}.recording-preview-audio{background:#0000004d;border-radius:8px;width:100%;height:36px}.recording-preview-media{flex-direction:column;align-items:stretch;gap:8px;display:flex}.recording-preview-video-chip{aspect-ratio:16/9;border:1px solid var(--frame-line);object-fit:cover;pointer-events:none;background:#000;border-radius:6px;width:100%;max-height:180px}.recording-preview-format{border:1px solid var(--frame-line);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr 1fr;gap:0;display:grid;overflow:hidden}.recording-preview-format-btn{border:none;border-left:1px solid var(--frame-line);cursor:pointer;color:var(--text-dim);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 6px 9px;transition:color .14s,background .14s,box-shadow .14s;display:flex}.recording-preview-format-btn:first-child{border-left:none}.recording-preview-format-btn:hover{color:var(--text-strong);background:#ffffff08}.recording-preview-format-btn--active{color:var(--text-strong);background:#ffffff0d;box-shadow:inset 0 1px 2px #00000073}.recording-preview-format-btn-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;line-height:1.2}.recording-preview-format-btn-sublabel{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:8.5px;line-height:1.2}.recording-preview-format-btn--active .recording-preview-format-btn-sublabel{color:var(--accent)}.recording-preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.recording-preview-btn{appearance:none;border:1px solid var(--accent-line);color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:11px;transition:background .16s,color .16s,box-shadow .16s,transform 80ms}.recording-preview-btn:hover{background:var(--accent-soft);color:var(--text-strong);box-shadow:0 0 14px var(--accent-glow)}.recording-preview-btn:active{transform:scale(.97)}.recording-preview-btn--primary{background:var(--accent-medium);border-color:var(--accent);color:var(--text-strong)}.recording-preview-btn--primary:hover{background:var(--accent);color:#0a0a12}.recording-preview-btn--ghost{color:var(--text-dim);border-color:#ffffff2e}@keyframes recording-preview-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:480px){.recording-preview{min-width:0;max-width:none;animation-name:recording-preview-in-mobile;bottom:88px;left:12px;right:12px;transform:none}}@keyframes recording-preview-in-mobile{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.audio-source-dock{bottom:max(calc(var(--hud-thickness) / 2 - 10px + var(--top-bias,5px)), env(safe-area-inset-bottom,0px));right:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-right,0px));z-index:8;pointer-events:none;filter:drop-shadow(0 0 calc(1px + var(--bloom-amount,0) * 6px) var(--accent-glow));flex-direction:row;align-items:stretch;gap:0;transition:transform .14s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed}:is(.audio-source-dock:has(.audio-source-crate:hover),.audio-source-dock:has(.audio-source-upload-btn:hover),.audio-source-dock:has(.audio-source-mic-btn:hover)){transform:translateY(-1px)}:is(.audio-source-dock:has(.audio-source-crate:active),.audio-source-dock:has(.audio-source-upload-btn:active),.audio-source-dock:has(.audio-source-mic-btn:active)){transform:translateY(0)}.audio-source-dock-body{pointer-events:auto;transform-origin:100% 100%;flex-direction:row;align-items:stretch;gap:0;transition:opacity .2s,transform .26s cubic-bezier(.2,.8,.2,1);display:flex}.audio-source-dock[data-collapsed] .audio-source-dock-body{opacity:0;pointer-events:none;transform:scale(.86)translate(16px)}.audio-source-bubble{width:46px;height:46px;color:var(--accent);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .2s,transform .26s cubic-bezier(.2,.8,.2,1),filter .18s;display:flex;position:absolute;bottom:0;right:0;overflow:visible;transform:scale(.5)}.audio-source-bubble:before{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:0;background:#06060ca8;border-radius:50%;position:absolute;inset:0}.audio-source-bubble .halo-ribbons{pointer-events:none;z-index:1;width:calc(100% + 6px);height:calc(100% + 6px);filter:drop-shadow(0 0 calc(1px + var(--bloom-amount,0) * 8px) #ffffff8c);position:absolute;inset:-3px;overflow:visible}.audio-source-bubble svg{z-index:2;position:relative}.audio-source-bubble:hover{filter:brightness(1.1)saturate(1.08)}.audio-source-dock[data-collapsed] .audio-source-bubble{opacity:1;pointer-events:auto;transform:scale(1)}.audio-source-crate{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--frame-line);border-radius:var(--radius-md) 0 0 var(--radius-md);min-width:140px;max-width:260px;font-family:var(--font-mono);cursor:pointer;text-align:left;background:#06060cb8;border-top:none;flex-direction:row;align-items:center;gap:10px;padding:7px 12px 7px 14px;transition:background .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.audio-source-crate:before{content:"";background:var(--dd-gradient);pointer-events:none;border-radius:var(--radius-md) 0 0 0;height:1px;position:absolute;top:0;left:0;right:0}.audio-source-upload-btn,.audio-source-mic-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--frame-line);min-width:38px;color:var(--text-dim);cursor:pointer;background:#06060cb8;border-top:none;border-left:none;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 12px 0 10px;transition:background .16s,border-color .16s,color .16s;display:inline-flex;position:relative;overflow:hidden}.audio-source-upload-btn{border-radius:0}.audio-source-track-controls{align-items:stretch;gap:0;display:inline-flex;position:relative}.audio-source-mic-btn{border-radius:0 var(--radius-md) var(--radius-md) 0}.audio-source-upload-label{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:inherit;white-space:nowrap;font-size:9.5px;line-height:1}@media (max-width:480px){.audio-source-upload-btn,.audio-source-mic-btn{gap:0;width:38px;padding:0}.audio-source-upload-label{display:none}}.audio-source-upload-btn:before,.audio-source-mic-btn:before{content:"";background:var(--dd-gradient);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.audio-source-mic-btn:before{border-radius:0 var(--radius-md) 0 0}.audio-source-upload-btn:hover,.audio-source-mic-btn:hover{border-color:var(--accent-line);color:var(--accent-hover);background:#06060cd9}.audio-source-upload-btn:disabled,.audio-source-mic-btn:disabled{opacity:.5;cursor:progress}.audio-source-marquee-rows{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.audio-source-crate-caret{width:14px;height:14px;color:var(--text-dim);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.2,.8,.2,1),color .16s;display:inline-flex}.audio-source-crate:hover .audio-source-crate-caret{color:var(--accent-hover)}.audio-source-crate--open .audio-source-crate-caret{color:var(--accent);transform:rotate(180deg)}.audio-source-crate:hover{border-color:var(--accent-line);background:#06060cd9}.audio-source-crate--open{border-color:var(--accent-line);background:#06060ce0}.audio-source-marquee-label{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);font-size:8.5px}.audio-source-marquee-name{letter-spacing:.06em;color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.audio-source-fan{bottom:max(calc(var(--hud-thickness) + 24px + 38px + 8px), calc(env(safe-area-inset-bottom,0px) + 70px));right:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-right,0px));z-index:9;background:var(--sheet-bg);border:1px solid var(--frame-line);border-radius:var(--radius-lg);min-width:220px;max-width:280px;max-height:min(60vh,420px);font-family:var(--font-mono);box-shadow:0 18px 50px #0000008c, 0 0 0 1px var(--accent-line), 0 0 26px #f08a482e;transform-origin:100% 100%;flex-direction:column;gap:6px;padding:6px;animation:.22s cubic-bezier(.2,.8,.2,1) audio-source-fan-in;display:flex;position:fixed;overflow:hidden}.audio-source-fan:before{content:"";background:var(--dd-gradient);pointer-events:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:2px;position:absolute;top:0;left:0;right:0}@keyframes audio-source-fan-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.audio-source-fan-scroll{scrollbar-width:thin;scrollbar-color:var(--accent-line) transparent;flex-direction:column;flex:1;gap:2px;min-height:0;padding:2px;display:flex;overflow-y:auto}.audio-source-fan-scroll::-webkit-scrollbar{width:4px}.audio-source-fan-scroll::-webkit-scrollbar-thumb{background:var(--accent-line);border-radius:999px}.audio-source-fan-empty{color:var(--text-dim);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:center;padding:14px 10px;font-size:11px}.audio-source-sleeve{border-radius:var(--radius-md);color:var(--text);font:inherit;letter-spacing:.06em;text-align:left;cursor:pointer;animation:.22s cubic-bezier(.2,.8,.2,1) backwards audio-source-sleeve-in;animation-delay:calc(var(--idx,0) * 14ms);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:7px 10px;font-size:11px;transition:background .14s,border-color .14s,color .14s;display:flex}.audio-source-sleeve:hover{background:var(--accent-soft);color:var(--accent-hover)}.audio-source-sleeve:disabled{cursor:progress;opacity:.7}@keyframes audio-source-sleeve-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.audio-source-sleeve-art{width:14px;height:14px;color:var(--text-dim);opacity:.85;border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.audio-source-sleeve-art:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.audio-source-sleeve-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.audio-source-sleeve--current{background:var(--accent-soft);color:var(--accent-hover)}.audio-source-sleeve--current .audio-source-sleeve-art{color:var(--accent);opacity:1}.audio-source-sleeve--upload{color:var(--accent-hover);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex-shrink:0;margin-top:2px;padding-top:9px;font-size:10px;position:relative}.audio-source-sleeve--upload:before{content:"";background:linear-gradient(90deg, transparent, var(--frame-line) 25%, var(--frame-line) 75%, transparent);height:1px;position:absolute;top:0;left:8px;right:8px}.audio-source-sleeve--upload:hover{background:var(--accent-medium);color:var(--accent-hover)}.audio-source-sleeve-art--upload{color:var(--accent);opacity:1;border:none;width:14px;height:14px}.audio-source-sleeve-art--upload:after{display:none}@media (max-width:480px){.audio-source-fan{left:max(14px, env(safe-area-inset-left,0px));right:max(14px, env(safe-area-inset-right,0px));max-width:none}.audio-source-crate{max-width:calc(100vw - 76px)}}:root{--lora-blend-rail-w:56px}.lora-blend-rail{right:0;top:max(96px, calc(env(safe-area-inset-top,0px) + 80px));bottom:calc(var(--drawer-handle-h,52px) + env(safe-area-inset-bottom,0px) + 12px);width:var(--lora-blend-rail-w);z-index:6;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;padding:6px 0;display:flex;position:fixed}.lora-blend-rail-label-top,.lora-blend-rail-label-bottom{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text);writing-mode:vertical-rl;text-shadow:0 0 12px var(--accent-glow);text-overflow:ellipsis;white-space:nowrap;flex:none;max-height:14ch;font-size:.6em;overflow:hidden}.lora-blend-rail-label-top{margin-top:4px;transform:rotate(180deg)}.lora-blend-rail-label-bottom{opacity:.7;margin-bottom:4px}.lora-blend-rail-drag{cursor:ns-resize;touch-action:none;background:0 0;flex:auto;width:100%}.lite-track-picker{flex-direction:column;flex:none;gap:4px;padding:2px 2px 0;display:flex}.lite-track-picker-label{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);padding-left:2px;font-size:.66em}.lite-track-picker-field{display:flex;position:relative}.lite-track-picker-select{border:1px solid var(--frame-line);border-radius:var(--radius-md);min-height:48px;color:var(--text);font:inherit;font-family:var(--font-mono);letter-spacing:.04em;appearance:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;flex:auto;width:100%;padding:0 36px 0 14px;font-size:.78em;overflow:hidden}.lite-track-picker-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.lite-track-picker-select:disabled{opacity:.6;cursor:progress}.lite-track-picker-chevron{color:var(--text-dim);pointer-events:none;font-size:.85em;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.lite-row--actions{flex:none;justify-content:space-between;align-items:center;gap:12px}@media (max-width:768px){body.drawer-open .audio-source-dock,body.drawer-open .audio-source-fan{display:none!important}}.upload-onboarding-hint{z-index:6;pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:4px;animation:.28s ease-out upload-onboarding-hint-in;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-8px)}@keyframes upload-onboarding-hint-in{0%{opacity:0;transform:translate(-50%,-2px)}to{opacity:1;transform:translate(-50%,-8px)}}@keyframes upload-onboarding-hint-bob{0%,to{transform:translate(0)}50%{transform:translateY(3px)}}.upload-onboarding-hint-text{font-family:var(--font-mono);letter-spacing:.05em;white-space:nowrap;color:#fff;text-shadow:0 0 6px #0000008c;font-size:12px;font-style:italic;animation:2.2s ease-in-out infinite upload-onboarding-hint-bob}.upload-onboarding-hint-arrow{-webkit-user-select:none;user-select:none;pointer-events:none;flex:none;width:48px;height:48px;animation:2.2s ease-in-out infinite upload-onboarding-hint-bob;rotate:90deg}@media (hover:none) and (pointer:coarse){.upload-onboarding-hint{display:none}}.audio-source-dock[data-collapsed] .upload-onboarding-hint{display:none}@media (prefers-reduced-motion:reduce){.upload-onboarding-hint,.upload-onboarding-hint-text,.upload-onboarding-hint-arrow{animation:none}}.live-indicator{top:max(12px, env(safe-area-inset-top,0px));right:max(14px, env(safe-area-inset-right,0px));z-index:7;pointer-events:none;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:6px;font-size:.62em;display:flex;position:fixed}.live-indicator-dot{background:#ff3a3a;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite live-pulse;box-shadow:0 0 8px #ff3a3ab3}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.86)}}.network-indicator{left:50%;bottom:calc(var(--drawer-handle-h,28px) + env(safe-area-inset-bottom,0px) + 12px);background:var(--overlay-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-mono);letter-spacing:var(--tracking-wide,.18em);text-transform:uppercase;color:var(--warn);pointer-events:none;z-index:11;opacity:0;border:1px solid #ffcc0073;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:.62em;transition:bottom .24s cubic-bezier(.2,.8,.2,1);animation:.2s cubic-bezier(.2,.8,.2,1) forwards network-indicator-fade-in,2.6s ease-in-out .2s infinite start-whisper-breathe;display:inline-flex;position:fixed;transform:translate(-50%)}.network-indicator__bars rect{fill:currentColor}@keyframes network-indicator-fade-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.network-indicator{animation:.2s cubic-bezier(.2,.8,.2,1) forwards network-indicator-fade-in}}.waveform-scrub-box{top:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-top,0px));left:max(calc(var(--hud-thickness) + var(--ribbon-bleed) + var(--remix-hint-extend) + 12px + var(--drawer-l-open,0px)), env(safe-area-inset-left,0px));right:max(calc(var(--hud-thickness) + var(--ribbon-bleed) + var(--remix-hint-extend) + 12px), env(safe-area-inset-right,0px));z-index:4;cursor:ew-resize;opacity:0;pointer-events:auto;touch-action:none;height:48px;transition:opacity .24s ease-out,left .32s cubic-bezier(.2,.7,.2,1);position:fixed}.waveform-scrub-box[data-ready=true]{opacity:1}.waveform-scrub-box:not([data-ready=true]){pointer-events:none}.waveform-scrub-box .waveform-scrub-bg,.waveform-scrub-box .waveform-scrub-fg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.waveform-scrub-box[data-loop-mode=true]{cursor:crosshair}.waveform-loop-controls{z-index:2;opacity:0;pointer-events:none;align-items:center;gap:4px;transition:opacity .12s ease-out;display:flex;position:absolute;top:4px;left:6px}.waveform-scrub-box:hover .waveform-loop-controls,.waveform-scrub-box[data-has-band=true] .waveform-loop-controls,.waveform-scrub-box[data-loop-mode=true] .waveform-loop-controls{opacity:1;pointer-events:auto}.waveform-loop-toggle,.waveform-loop-btn{font:600 9px/1.4 var(--font-ui,ui-sans-serif), sans-serif;letter-spacing:.08em;color:#ffdec49e;cursor:pointer;background:#0a08068c;border:1px solid #ffdec438;border-radius:4px;padding:2px 8px;transition:background .12s ease-out,color .12s ease-out,border-color .12s ease-out}.waveform-loop-btn{padding:2px 6px}.waveform-loop-toggle:hover,.waveform-loop-btn:hover{color:#ffdec4f2;border-color:#ffdec473}.waveform-loop-toggle[data-active=true]{color:#1a0e05;background:#f08a48e6;border-color:#0000}.waveform-loop-clear{color:#ffb4b499}.waveform-loop-clear:hover{color:#ffc8c8f2;border-color:#ffa0a080}.waveform-loop-len{font:600 9px/1.4 var(--font-ui,ui-sans-serif), sans-serif;letter-spacing:.04em;color:#ffdec4b3;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:0 2px}@media (max-width:768px){.waveform-scrub-box{top:max(env(safe-area-inset-top,0px) + 70px, 70px);left:max(env(safe-area-inset-left,0px), 8px);right:max(env(safe-area-inset-right,0px), 8px);bottom:calc(var(--lite-controls-h,50vh) + 8px);box-sizing:border-box;z-index:5;height:auto;padding:18px 14px}.waveform-scrub-box .waveform-loop-controls{opacity:.85;pointer-events:auto}}[data-dd-tooltip]:after{content:attr(data-dd-tooltip);background:var(--sheet-bg);border:1px solid var(--frame-line);background-image:linear-gradient(var(--sheet-bg), var(--sheet-bg)), var(--dd-gradient);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-strong);white-space:nowrap;pointer-events:none;z-index:100;opacity:0;visibility:hidden;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border-top:2px solid #0000;padding:5px 10px 4px;font-size:9px;transition:opacity .14s cubic-bezier(.2,.8,.2,1),visibility 0s linear .14s,transform .14s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 6px 18px #00000073,0 0 14px #f08a4826}[data-dd-tooltip][data-dd-tooltip-pos=below]:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%)translateY(-4px)}[data-dd-tooltip][data-dd-tooltip-wide]:after{white-space:normal;text-transform:none;letter-spacing:.04em;max-width:280px;padding:7px 11px 6px;font-size:10px;line-height:1.45}.hero-macros [data-dd-tooltip][data-dd-tooltip-wide]:after{display:none!important}.hero-macros-tooltip{z-index:100;pointer-events:none;border:1px solid var(--frame-line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080eeb;max-width:320px;padding:8px 12px 10px;position:fixed;box-shadow:0 6px 18px #00000073}.hero-macros-tooltip-title{font-family:var(--font-mono);letter-spacing:var(--tracking-bar);text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:9px}.hero-macros-tooltip-text{color:var(--text-strong);margin:0;font-size:11px;line-height:1.45}@media (pointer:coarse){.hero-macros-tooltip{display:none!important}}[data-dd-tooltip]:hover:after,[data-dd-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition:opacity .14s cubic-bezier(.2,.8,.2,1) .2s,visibility 0s linear .2s,transform .14s cubic-bezier(.2,.8,.2,1) .2s;transform:translate(-50%)translateY(0)}@media (pointer:coarse){[data-dd-tooltip]:after{display:none!important}button:not(:disabled):active{transform:scale(.97)}}:root{--stepper-rail-w:var(--remix-rail-w,64px)}.stepper-rail{top:max(96px, calc(env(safe-area-inset-top,0px) + 60px));bottom:calc(var(--drawer-handle-h,52px) + env(safe-area-inset-bottom,0px) + 36px);width:var(--stepper-rail-w);z-index:6;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:stretch;display:flex;position:fixed}.stepper-rail--left{left:max(0px, env(safe-area-inset-left,0px))}.stepper-rail--right{right:max(0px, env(safe-area-inset-right,0px))}.stepper-rail-zone{color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:flex-start;margin:0;padding:0;transition:color .12s;display:flex}.stepper-rail-zone--up{align-items:flex-start;padding-top:8px}.stepper-rail-zone--down{align-items:flex-end;padding-bottom:14px}.stepper-rail-zone:hover{color:var(--accent)}.stepper-rail-zone:active .stepper-rail-chevron{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow));transform:scale(1.15)}.stepper-rail-chevron{opacity:.85;filter:drop-shadow(0 0 6px #0009);transition:transform .12s,color .12s,filter .12s;display:block}.stepper-rail-zone[data-gate=up] .stepper-rail-chevron{opacity:1;color:var(--accent);filter:drop-shadow(0 0 12px var(--accent-glow));animation:1.4s ease-in-out infinite stepper-rail-gate-pulse}@keyframes stepper-rail-gate-pulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.18)}}.stepper-rail-readout{pointer-events:none;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;padding:12px 0;display:flex}.stepper-rail-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text);writing-mode:vertical-rl;text-shadow:0 0 12px var(--accent-glow);white-space:nowrap;font-size:.6em;transform:rotate(180deg)}.stepper-rail-zone{position:relative}.stepper-rail-zone-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text);white-space:nowrap;pointer-events:none;text-shadow:0 0 10px #000000f2,0 0 4px #000000f2;font-size:.62em;font-weight:600;position:absolute}.stepper-rail--right .stepper-rail-zone-label{text-align:right;margin-right:6px;right:100%}.stepper-rail--left .stepper-rail-zone-label{margin-left:6px;left:100%}.stepper-rail-zone--up .stepper-rail-zone-label{top:16px}.stepper-rail-zone--down .stepper-rail-zone-label{bottom:22px}.fader-rail{top:max(96px, calc(env(safe-area-inset-top,0px) + 60px));bottom:calc(var(--drawer-handle-h,0px) + env(safe-area-inset-bottom,0px) + 90px);width:var(--stepper-rail-w);z-index:6;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--text-dim);flex-direction:column;align-items:center;gap:6px;padding:6px 0 8px;display:flex;position:fixed}.fader-rail--left{left:max(0px, env(safe-area-inset-left,0px))}.fader-rail--right{right:max(0px, env(safe-area-inset-right,0px))}.fader-rail-sublabel{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:100%;padding:0 2px;font-size:8px;overflow:hidden}.fader-rail-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);writing-mode:vertical-rl;text-orientation:mixed;flex:none;padding:4px 0;font-size:9px;transform:rotate(180deg)}.fader-rail-track{cursor:ns-resize;touch-action:none;flex:auto;width:8px;min-height:0;position:relative}.fader-rail-track:before{content:"";background:linear-gradient(90deg,#0009 0%,#00000073 50%,#ffffff0a 100%);border-radius:4px;position:absolute;inset:0;box-shadow:inset 1px 0 #000000b3,inset -1px 0 1px #ffffff0d}.fader-rail-fill{background:linear-gradient(to top, color-mix(in srgb, var(--accent) 70%, #000) 0%, var(--accent) 100%);pointer-events:none;border-radius:4px;transition:height 70ms linear;position:absolute;bottom:0;left:0;right:0}.fader-rail-cap{pointer-events:none;background:linear-gradient(#4e5460 0%,#2a2e36 48%,#121418 100%);border-radius:3px;width:32px;height:12px;transition:bottom 70ms linear;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 1px 2px #000000a6,0 0 0 1px #0000008c,inset 0 1px #ffffff26,inset 0 -1px #00000080}.fader-rail-cap:before{content:"";background:var(--accent);height:1px;box-shadow:0 0 4px var(--accent);border-radius:1px;position:absolute;top:50%;left:3px;right:3px;transform:translateY(-50%)}@keyframes fader-rail-pulse-top{0%,to{box-shadow:inset 0 0 #0000}50%{box-shadow:inset 0 14px 12px -8px var(--accent)}}.fader-rail[data-gate=up] .fader-rail-track:before{animation:1.8s ease-in-out infinite fader-rail-pulse-top}@media (max-width:768px),(max-height:500px) and (orientation:landscape){.install-edge{display:none}}.portrait-lock{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:max(24px, env(safe-area-inset-top,0px)) max(24px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(24px, env(safe-area-inset-left,0px));text-align:center;color:var(--text);background:#06060cf5;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.portrait-lock-card{flex-direction:column;align-items:center;gap:16px;max-width:320px;display:flex}.portrait-lock-icon{color:var(--accent);filter:drop-shadow(0 0 12px var(--accent-glow));animation:2.4s ease-in-out infinite portrait-rotate}@keyframes portrait-rotate{0%,30%{transform:rotate(0)}60%{transform:rotate(90deg)}to{opacity:.85;transform:rotate(90deg)}}.portrait-lock-title{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:1.1em}.portrait-lock-body{color:var(--text-dim);font-size:14px;line-height:1.5}@media (max-width:768px),(max-height:500px) and (orientation:landscape){.turntable{top:max(14px, env(safe-area-inset-top,0px));left:max(14px, env(safe-area-inset-left,0px));width:78px;height:60px;bottom:auto;right:auto}.turntable-disc{width:48px;height:48px}.rec-warning{top:calc(100% + 6px);bottom:auto}.halo-menu{max-height:calc(100dvh - 88px - var(--drawer-handle-h,52px) - env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overflow-y:auto}}@media (max-height:500px) and (orientation:landscape){:root{--drawer-h:clamp(220px, 70vh, 280px)}.install-sheet--mobile{height:var(--drawer-h)}}.mobile-sheet-section .mixer-channels{justify-content:center}.mobile-sheet-section{padding-bottom:24px}.almost-ready-backdrop{z-index:110;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px;animation:.18s ease-out config-fade-in;display:flex;position:fixed;inset:0}.almost-ready-modal{background:var(--sheet-bg);border:1px solid var(--frame-line);border-radius:var(--radius-lg);flex-direction:column;width:min(540px,100%);max-height:min(80vh,640px);animation:.22s cubic-bezier(.2,.8,.2,1) config-pop-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0009}.almost-ready-header{justify-content:space-between;align-items:center;padding:16px 18px 6px;display:flex}.almost-ready-title{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-strong);margin:0;font-size:.85em;font-weight:500}.almost-ready-body{font-family:var(--font-mono);color:var(--text);flex:1;padding:6px 18px 14px;font-size:.78em;overflow-y:auto}.almost-ready-filename{border:1px solid var(--frame-line);border-radius:var(--radius-sm);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;background:#ffffff05;margin:0 0 10px;padding:6px 8px;font-size:.92em;overflow:hidden}.almost-ready-trim-msg{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text);margin:0 0 12px;padding:8px 10px;font-size:.92em;line-height:1.45}.almost-ready-steps{gap:6px;margin:10px 0 0;display:flex}.almost-ready-step-dot{background:var(--frame-line);border-radius:2px;width:24px;height:3px;transition:background .16s}.almost-ready-step-dot.is-active{background:var(--accent)}.almost-ready-step-head{margin:14px 0 10px}.almost-ready-step-num{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);font-size:.82em;display:block}.almost-ready-step-title{color:var(--text-strong);letter-spacing:.02em;margin:3px 0 0;font-size:1.18em;font-weight:500}.almost-ready-cards{flex-direction:column;gap:8px;display:flex}.almost-ready-card{text-align:left;border:1px solid var(--frame-line);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff05;align-items:flex-start;gap:11px;width:100%;padding:12px 13px;font-family:inherit;transition:border-color .13s,background .13s;display:flex}.almost-ready-card:hover{border-color:var(--accent-line)}.almost-ready-card.is-selected{border-color:var(--accent);background:var(--accent-soft)}.almost-ready-card-radio{border:1.5px solid var(--frame-line);border-radius:50%;flex:none;width:15px;height:15px;margin-top:1px;transition:border-color .13s,background .13s}.almost-ready-card:hover .almost-ready-card-radio{border-color:var(--accent-line)}.almost-ready-card.is-selected .almost-ready-card-radio{border-color:var(--accent);background:radial-gradient(circle, var(--accent) 0 4px, transparent 5px)}.almost-ready-card-text{flex-direction:column;gap:3px;min-width:0;display:flex}.almost-ready-card-title{color:var(--text-strong);font-weight:500}.almost-ready-card.is-selected .almost-ready-card-title{color:var(--accent)}.almost-ready-card-hint{color:var(--text-dim);font-size:.92em;line-height:1.4}.almost-ready-field{flex-direction:column;gap:5px;margin:0 0 14px;display:flex}.almost-ready-field:last-child{margin-bottom:0}.almost-ready-field-label{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-dim);font-size:.82em}.almost-ready-select{width:100%}.almost-ready-field-hint{color:var(--text-dim);font-size:.9em;line-height:1.4}.almost-ready-note{color:var(--text-dim);opacity:.85;margin:14px 0 0;font-size:.86em;line-height:1.4}.almost-ready-footer{border-top:1px solid var(--frame-line);justify-content:flex-end;gap:8px;padding:12px 18px 16px;display:flex}.almost-ready-btn{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;padding:10px 18px;font-size:.75em;transition:background .12s,color .12s,border-color .12s}.almost-ready-btn--primary{border:1px solid var(--accent);background:var(--accent);color:#000;font-weight:500}.almost-ready-btn--primary:hover{filter:brightness(1.1)}.almost-ready-btn--secondary{border:1px solid var(--frame-line);color:var(--text-dim);background:0 0}.almost-ready-btn--secondary:hover{color:var(--text);border-color:var(--text-dim)}.almost-ready-btn--ghost{color:var(--text-dim);background:0 0;border:1px solid #0000;margin-right:auto}.almost-ready-btn--ghost:hover{color:var(--text)}.almost-ready-btn:disabled{cursor:default;opacity:.6;filter:none}.almost-ready-uploading{border:1px solid var(--frame-line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 7%, transparent);color:var(--text);align-items:center;gap:10px;margin:0 18px;padding:10px 12px;font-size:.84em;line-height:1.4;display:flex}.almost-ready-uploading.is-error{border-color:color-mix(in srgb, #ff5b5b 55%, var(--frame-line));color:color-mix(in srgb, #ff9b9b 70%, var(--text));background:#ff5b5b1a}.almost-ready-spinner{border:2px solid color-mix(in srgb, var(--accent) 30%, transparent);border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite almost-ready-spin}@keyframes almost-ready-spin{to{transform:rotate(360deg)}}.waveform-trim-modal{width:min(720px,100%)}.waveform-trim-hint{color:var(--text-dim);margin:0 0 12px;font-size:.92em;line-height:1.45}.waveform-trim-container{border:1px solid var(--accent-line);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#00000059;border-radius:6px;width:100%;height:120px;margin:18px 0 10px;position:relative;overflow:hidden}.waveform-trim-container:active{cursor:grabbing}.waveform-trim-canvas{pointer-events:none;display:block;position:absolute;inset:0}.waveform-trim-dim{pointer-events:none;background:#0000008c;position:absolute;top:0;bottom:0}.waveform-trim-selection{border-left:1px solid var(--accent);border-right:1px solid var(--accent);cursor:grab;background:#ffd1661f;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #ffd16626}.waveform-trim-selection:active{cursor:grabbing}.waveform-trim-handle{cursor:ew-resize;touch-action:none;width:14px;margin-left:-7px;position:absolute;top:-2px;bottom:-2px}.waveform-trim-handle:before{content:"";background:var(--accent);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 6px #ffd1668c}.waveform-trim-readout{font-family:var(--font-mono,ui-monospace, monospace);color:var(--text-dim);gap:22px;margin-bottom:14px;font-size:12px;display:flex}.waveform-trim-readout-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);opacity:.7;margin-right:4px}.waveform-trim-readout-selected{color:var(--text);margin-left:auto}.waveform-trim-readout-selected.at-cap{color:var(--accent)}.waveform-trim-readout-cap{opacity:.7;margin-left:4px;font-size:11px}.confirm-dialog-backdrop{z-index:110;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px;animation:.18s ease-out config-fade-in;display:flex;position:fixed;inset:0}.confirm-dialog-modal{background:var(--sheet-bg);border:1px solid var(--frame-line);border-radius:var(--radius-lg);flex-direction:column;width:min(380px,100%);max-height:min(80vh,480px);animation:.22s cubic-bezier(.2,.8,.2,1) config-pop-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0009}.confirm-dialog-header{justify-content:space-between;align-items:center;padding:16px 18px 6px;display:flex}.confirm-dialog-title{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-strong);margin:0;font-size:.85em;font-weight:500}.confirm-dialog-body{font-family:var(--font-mono);color:var(--text);flex:1;padding:6px 18px 14px;font-size:.78em;overflow-y:auto}.confirm-dialog-message{white-space:pre-wrap;margin:0;line-height:1.45}.confirm-dialog-footer{border-top:1px solid var(--frame-line);justify-content:flex-end;gap:8px;padding:12px 18px 16px;display:flex}.confirm-dialog-btn{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;padding:10px 18px;font-size:.75em;transition:background .12s,color .12s,border-color .12s,filter .12s}.confirm-dialog-btn--primary{border:1px solid var(--accent);background:var(--accent);color:#000;font-weight:500}.confirm-dialog-btn--primary:hover{filter:brightness(1.1)}.confirm-dialog-btn--danger{color:#000;background:#d04848;border:1px solid #d04848;font-weight:500}.confirm-dialog-btn--danger:hover{filter:brightness(1.1)}.confirm-dialog-btn--secondary{border:1px solid var(--frame-line);color:var(--text-dim);background:0 0}.confirm-dialog-btn--secondary:hover{color:var(--text);border-color:var(--text-dim)}.ref-control{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);border-top:1px solid var(--frame-line);box-sizing:border-box;justify-content:space-between;align-items:center;gap:6px;width:0;min-width:100%;margin-top:4px;padding:4px 6px 0;font-size:.55em;display:flex}.ref-control-label{flex:none}.ref-control-anchor{flex:1 1 0;gap:5px;min-width:0;display:flex;position:relative}.ref-control-button{border:1px solid var(--frame-line);border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--text);font-family:inherit;font-size:inherit;letter-spacing:.02em;text-transform:none;cursor:pointer;text-align:left;background:0 0;flex:1 1 0;align-items:center;gap:6px;padding:2px 22px 2px 6px;line-height:1.2;transition:color 80ms linear,border-color 80ms linear;display:flex;position:relative}.ref-control-button-text{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.ref-control-button-caret{pointer-events:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 5px),100%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;width:10px;height:5px;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.ref-control-button:hover:not(:disabled){border-color:var(--text-dim)}.ref-control-button:focus-visible{border-color:var(--text-dim);outline:none}.ref-control-button:disabled{opacity:.5;cursor:progress}.ref-control-upload{border:1px solid var(--frame-line);border-radius:var(--radius-sm);width:26px;color:var(--text-dim);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;transition:color 80ms linear,border-color 80ms linear;display:flex}.ref-control-upload:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}.ref-control-upload:focus-visible{border-color:var(--text-dim);outline:none}.ref-control-upload:disabled{opacity:.5;cursor:progress}.ref-control-menu{z-index:120;background:var(--sheet-bg);border:1px solid var(--frame-line);border-radius:var(--radius-sm);min-width:0;max-width:min(360px,90vw);max-height:min(50vh,320px);font-family:var(--font-mono);letter-spacing:.02em;text-transform:none;scrollbar-width:thin;scrollbar-color:var(--frame-line) transparent;flex-direction:column;gap:1px;padding:3px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 12px 36px #0000008c}.ref-control-menu::-webkit-scrollbar{width:4px}.ref-control-menu::-webkit-scrollbar-thumb{background:var(--frame-line);border-radius:999px}.ref-control-group{border-top:1px solid var(--frame-line);flex-direction:column;gap:1px;margin-top:3px;padding-top:3px;display:flex}.ref-control-group:first-child{border-top:0;margin-top:0;padding-top:0}.ref-control-group-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;opacity:.7;padding:2px 6px 1px;font-size:.85em}.ref-control-option{border-radius:var(--radius-sm);color:var(--text);font:inherit;letter-spacing:inherit;text-transform:none;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:3px 6px;line-height:1.25;overflow:hidden}.ref-control-option:hover{background:#ffffff0f}.ref-control-option--current{color:var(--accent)}.sessions-tile{flex-direction:column;gap:10px;height:100%;padding:8px 4px;display:flex;overflow:hidden}.sessions-tile-header{border-bottom:1px solid var(--frame-line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.sessions-tile-title{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-strong);margin:0;font-size:11px}.sessions-tile-actions{align-items:center;gap:6px;display:inline-flex}.sessions-action-btn{background:var(--accent);color:#fff;cursor:pointer;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;appearance:none;border:1px solid #0000;border-radius:999px;align-items:center;padding:5px 12px 6px;font-size:10px;line-height:1;transition:background .14s ease-out;display:inline-flex}.sessions-action-btn:hover{background:var(--accent-hover)}.sessions-action-btn:disabled{opacity:.5;cursor:not-allowed}.sessions-action-btn--secondary{border-color:var(--accent-line);color:var(--accent);background:0 0}.sessions-action-btn--secondary:hover{border-color:var(--accent-hover);background:#ffffff0a}.sessions-error{font-family:var(--font-mono);color:var(--warn,#fc0);border:1px solid #fc06;border-radius:3px;padding:4px 6px;font-size:10px}.sessions-empty{text-align:center;font-family:var(--font-mono);color:var(--text-dim);flex-direction:column;align-items:center;gap:12px;padding:24px 12px;font-size:10px;line-height:1.5;display:flex}.sessions-empty p{margin:0}.sessions-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.sessions-row{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:6px 8px 7px;transition:background .14s ease-out,border-color .14s ease-out;display:flex}.sessions-row:hover{border-color:var(--frame-line);background:#ffffff08}.sessions-row--current{border-color:var(--accent-line);background:#ffffff05}.sessions-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sessions-row-name{color:var(--text-strong);font-family:var(--font-mono);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;max-width:100%;padding:0;font-size:11px;overflow:hidden}.sessions-row-name-input{border:1px solid var(--accent-line);color:var(--text-strong);font-family:var(--font-mono);background:#0006;border-radius:3px;outline:none;width:100%;max-width:220px;padding:1px 4px;font-size:11px}.sessions-row-age{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.sessions-row-actions{gap:4px;display:inline-flex}.sessions-row-btn{border:1px solid var(--frame-line);color:var(--text-dim);cursor:pointer;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;appearance:none;background:0 0;border-radius:3px;padding:4px 8px;font-size:9px;transition:color .14s ease-out,border-color .14s ease-out}.sessions-row-btn:hover{color:var(--text-strong);border-color:var(--accent-line)}.sessions-row-btn:disabled{opacity:.4;cursor:not-allowed}.sessions-row-btn--open{color:var(--accent);border-color:var(--accent-line)}.sessions-row-btn--open:hover{color:#fff;background:var(--accent);border-color:#0000}.sessions-row-btn--delete:hover{color:var(--warn,#fc0);border-color:var(--warn,#fc0)}.install-sheet-saved-placeholder{font-family:var(--font-mono);color:var(--text-dim);text-align:center;padding:24px 12px;font-size:10px}.save-pill{bottom:max(calc(var(--hud-thickness) / 2 - 10px + var(--top-bias,5px)), env(safe-area-inset-bottom,0px));left:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-left,0px));border:1px solid var(--frame-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;z-index:7;pointer-events:auto;background:#06060c9e;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 5px;font-size:9px;line-height:1;transition:border-color .14s,color .14s;display:inline-flex;position:fixed}.save-pill--dirty{border-color:var(--accent-line);color:var(--text-strong)}.save-pill--signin{border-color:var(--accent-line);color:var(--accent);cursor:pointer;appearance:none}.save-pill--signin:hover{color:var(--accent-hover);border-color:var(--accent-hover);background:#ffffff0a}.save-pill-dot{background:#e84f3d;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite save-pill-pulse;display:inline-block}@keyframes save-pill-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.save-pill-dot{opacity:1;animation:none}}.save-pill-label{white-space:nowrap}.save-pill-btn{background:var(--accent);color:#fff;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;appearance:none;border:none;border-radius:999px;margin-left:4px;padding:3px 10px 4px;line-height:1;transition:background .14s ease-out}.save-pill-btn:hover{background:var(--accent-hover)}.save-pill-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.save-pill,.footer-links,#install-video-area #graph-wrap .graph-lane-labels{display:none}}.library-wordmark--static{top:max(calc(var(--hud-thickness) / 2 - 2px + var(--top-bias,5px)), env(safe-area-inset-top,0px));left:max(calc(var(--hud-thickness) + 24px), env(safe-area-inset-left,0px));z-index:8;opacity:.92;pointer-events:none;width:auto;height:28px;display:block;position:fixed}.dyn-knob-note{opacity:.6;margin:0 0 10px;font-size:11px;line-height:1.4}.dyn-knob-note code{opacity:.85;font-size:10px}.dyn-knob-empty{opacity:.6;text-align:center;padding:24px 8px;font-size:12px}.dyn-knob-group{margin-bottom:16px}.dyn-knob-group-label{letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin:0 0 6px;font-size:10px}.dyn-knob-group .knob-rack{flex-wrap:wrap;align-items:flex-end;gap:10px}.dyn-knob-field{flex-direction:column;gap:4px;font-size:11px;display:flex}.dyn-knob-field--bool{flex-direction:row;align-items:center;gap:6px}.dyn-knob-field-label{opacity:.75}.dyn-knob-number,.dyn-knob-select{color:inherit;font:inherit;background:#ffffff0f;border:1px solid #ffffff24;border-radius:4px;min-width:96px;padding:3px 6px;font-size:11px}.dyn-knob-number:disabled,.dyn-knob-select:disabled{opacity:.4}.dyn-knob-unbound{opacity:.4;font-size:9px;font-style:normal}