.studio-drawer{width:var(--studio-w,50vw);background:var(--bg2);border-left:1px solid var(--border2);box-shadow:-1px 0 0 var(--border2);z-index:350;will-change:transform;--studio-mini-h:56px;border-radius:16px 0 0 16px;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0 0 0 auto;overflow:hidden}.studio-drawer--seq{--studio-mini-h:96px}.studio-drawer--closed{pointer-events:none;transform:translate(100%)}@media (min-width:481px){body.studio-split #app{padding-right:var(--studio-w,50vw);transition:padding-right .35s cubic-bezier(.4,0,.2,1)}}.studio-drawer--mini{transform:translate(calc(100% - 56px))}.studio-drawer--open{transform:translate(0)}@media (min-width:761px){body.dashboard-trinity #app{padding-right:0!important}body.dashboard-trinity .main{transition:margin-right .35s cubic-bezier(.4,0,.2,1)}body.dashboard-trinity.studio-split .main{margin-right:calc(var(--studio-w,33.333vw) + 12px)}.studio-drawer--dashboard{width:var(--studio-w,33.333vw);border:1px solid color-mix(in srgb,var(--cyan) 18%,var(--border));background:color-mix(in srgb,var(--bg2) 84%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cyan) 10%,transparent);border-radius:20px;top:76px;bottom:12px;right:12px}.studio-drawer--dashboard.studio-drawer--closed{transform:translate(calc(100% + 12px))}.studio-drawer--dashboard .studio-drawer-handle{display:none}.studio-drawer--dashboard{overflow:hidden}.studio-drawer--dashboard .fs-panel{background:0 0}.studio-drawer--dashboard.studio-drawer--open .studio-drawer-resize{display:block}.studio-drawer--dashboard .studio-drawer-body{height:100%}}@media (hover:hover) and (min-width:761px){.studio-drawer--dashboard .fs-header,.studio-drawer--dashboard .fs-reasoning,.studio-drawer--dashboard .fs-affirm-bar,.studio-drawer--dashboard .fs-sheet-header,.studio-drawer--dashboard .fs-add-channel,.studio-drawer--dashboard .fs-noisebed,.studio-drawer--dashboard .fs-mixer,.studio-drawer--dashboard .fs-seq-compact,.studio-drawer--dashboard .fs-right{opacity:0;pointer-events:none;transition:opacity .25s}.studio-drawer--dashboard:hover .fs-header,.studio-drawer--dashboard:focus-within .fs-header,.studio-drawer--dashboard:hover .fs-reasoning,.studio-drawer--dashboard:focus-within .fs-reasoning,.studio-drawer--dashboard:hover .fs-affirm-bar,.studio-drawer--dashboard:focus-within .fs-affirm-bar,.studio-drawer--dashboard:hover .fs-sheet-header,.studio-drawer--dashboard:focus-within .fs-sheet-header,.studio-drawer--dashboard:hover .fs-add-channel,.studio-drawer--dashboard:focus-within .fs-add-channel,.studio-drawer--dashboard:hover .fs-noisebed,.studio-drawer--dashboard:focus-within .fs-noisebed,.studio-drawer--dashboard:hover .fs-mixer,.studio-drawer--dashboard:focus-within .fs-mixer,.studio-drawer--dashboard:hover .fs-seq-compact,.studio-drawer--dashboard:focus-within .fs-seq-compact,.studio-drawer--dashboard:hover .fs-right,.studio-drawer--dashboard:focus-within .fs-right{opacity:1;pointer-events:auto}}.studio-drawer-resize{cursor:ew-resize;z-index:5;touch-action:none;width:7px;position:absolute;top:0;bottom:0;left:0}.studio-drawer-resize:hover{background:color-mix(in srgb,var(--cyan) 18%,transparent)}.studio-drawer--mini .studio-drawer-resize,.studio-drawer--closed .studio-drawer-resize{display:none}.studio-drawer-lock{width:24px;height:24px;color:var(--tx3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:0;display:flex}.studio-drawer-lock:hover{background:var(--bg3);color:var(--tx)}.studio-drawer-lock--on{color:var(--cyan)}.studio-drawer--mini .studio-mini-bar{border-top:none;flex-direction:column;justify-content:flex-start;gap:12px;width:56px;height:auto;padding:16px 0;position:absolute;top:0;bottom:0;left:0}.studio-drawer--mini .studio-mini-info{display:none}.studio-drawer--mini .studio-mini-expand{margin-top:auto;transform:rotate(-90deg)}.studio-drawer-handle{cursor:pointer;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px 8px;display:flex}.studio-drawer--mini .studio-drawer-handle{display:none}.studio-drawer-pill{background:var(--border2);border-radius:2px;flex-shrink:0;width:36px;height:4px}.studio-drawer-title{letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.studio-drawer-close{width:24px;height:24px;color:var(--tx3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.studio-drawer-close:hover{background:var(--bg3);color:var(--tx)}.studio-drawer-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.studio-drawer--mini .studio-drawer-body{display:none}.studio-mini-bar{height:var(--studio-mini-h);cursor:pointer;border-top:1px solid var(--border);-webkit-tap-highlight-color:transparent;flex-shrink:0;align-items:center;gap:10px;padding:0 14px;display:flex}.studio-drawer--open .studio-mini-bar{display:none}.studio-drawer--open.studio-drawer--seq .studio-mini-bar{cursor:default;display:flex}.studio-drawer--open .studio-mini-expand{display:none}.studio-mini-icon{color:var(--cyan);flex-shrink:0;font-size:16px}.studio-mini-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.studio-mini-hz{color:var(--cyan);font-size:13px;font-weight:700}.studio-mini-count{color:var(--tx3);font-size:11px}.studio-mini-label{color:var(--tx3);font-size:12px}.studio-mini-stop,.studio-mini-expand{background:var(--bg3);width:30px;height:28px;color:var(--tx2);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.studio-mini-stop{color:var(--red,#ef4444);background:#ef44441a}.studio-mini-stop:hover{background:#ef444433}.studio-mini-pause{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,transparent)}.studio-mini-pause svg{fill:currentColor;width:15px;height:15px;display:block}.studio-mini-pause:hover{background:color-mix(in srgb,var(--cyan) 18%,transparent)}.studio-mini-expand:hover{background:var(--bg4)}.studio-drawer--vibe .studio-mini-bar{background:linear-gradient(90deg, color-mix(in srgb,var(--vo-a) 9%,transparent), color-mix(in srgb,var(--vo-b) 6%,transparent), color-mix(in srgb,var(--vo-c) 9%,transparent));position:relative}.studio-drawer--vibe .studio-mini-bar:before{content:"";background:linear-gradient(90deg,var(--vo-a),var(--vo-b),var(--vo-c),var(--vo-a));opacity:.75;background-size:300% 100%;height:2px;animation:8s linear infinite vibe-bar-pan;position:absolute;top:0;left:0;right:0}.studio-drawer--vibe .studio-mini-icon,.studio-drawer--vibe .studio-mini-hz{color:var(--vo-a)}.studio-mini-tones{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.studio-mini-tone-chip{color:var(--tx2);background:var(--bg3);border:1px solid var(--border);white-space:nowrap;border-radius:5px;align-items:baseline;gap:4px;padding:2px 8px;font-size:11px;display:flex}.studio-mini-tone-chip b{color:var(--cyan);font-size:12px;font-weight:700}.studio-drawer--vibe .studio-mini-tone-chip b,.studio-drawer--vibe .studio-mini-code-dot{color:var(--vo-a)}@keyframes vibe-bar-pan{to{background-position:300% 0}}@media (prefers-reduced-motion:reduce){.studio-drawer--vibe .studio-mini-bar:before{animation:none}}.studio-mini-timer{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.studio-mini-phase-label{color:var(--cyan);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.studio-mini-time-pill{align-items:center;gap:5px;display:flex}.studio-mini-time{color:var(--tx);font-family:Plus Jakarta Sans,monospace;font-size:13px;font-weight:700}.studio-mini-time-sep,.studio-mini-time-total{color:var(--tx3);font-size:11px}.studio-mini-now-playing{flex:1;align-items:center;gap:8px;min-width:0;display:flex}@keyframes studio-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.7)}}.studio-mini-code-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.8s ease-in-out infinite studio-dot-pulse}.studio-mini-code-badge{letter-spacing:.08em;text-transform:uppercase;min-height:30px;color:var(--cyan);white-space:nowrap;background:#00e5ff14;border:1px solid #00e5ff2e;border-radius:7px;flex-shrink:0;align-items:center;gap:4px;padding:5px 12px 5px 9px;font-size:15px;font-weight:900;display:flex}.studio-mini-code-badge--combo{color:var(--violet);background:#a78bfa14;border-color:#a78bfa33}.studio-mini-item-name{color:var(--tx);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.studio-mini-time-row{align-items:center;gap:4px;min-width:0;margin-top:1px;display:flex;overflow:hidden}.studio-mini-phase-chip{letter-spacing:.05em;text-transform:uppercase;color:var(--cyan);white-space:nowrap;text-overflow:ellipsis;background:#00e5ff1a;border-radius:3px;flex:0 auto;min-width:0;padding:1px 5px;font-size:9px;font-weight:700;overflow:hidden}.studio-mini-phase-pos{color:var(--tx3);white-space:nowrap;font-size:10px}.studio-mini-phase-pos,.studio-mini-time,.studio-mini-time-sep,.studio-mini-time-total{flex:none}.studio-mini-time-total{white-space:nowrap}.studio-mini-now-hz{color:var(--cyan);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:10px;font-weight:700;overflow:hidden}.studio-drawer--vibe .studio-mini-now-hz{color:var(--vo-a)}.studio-mini-seq{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.studio-mini-phase-strip{scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;gap:5px;padding-bottom:1px;display:flex;overflow:auto hidden}.studio-mini-phase-strip::-webkit-scrollbar{display:none}.studio-mini-step{white-space:nowrap;background:var(--bg3);border:1px solid var(--border);color:var(--tx2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:5px;flex-shrink:0;align-items:center;gap:5px;padding:2px 7px;font-family:inherit;font-size:10px;transition:border-color .15s,background .15s,opacity .15s;display:flex}.studio-mini-step:hover{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 8%,var(--bg3));opacity:1}.studio-mini-step:active{transform:translateY(.5px)}.studio-mini-step:focus-visible{outline:1px solid var(--cyan);outline-offset:1px}.studio-drawer--vibe .studio-mini-step:hover{border-color:var(--vo-a);background:color-mix(in srgb,var(--vo-a) 10%,var(--bg3))}.studio-mini-step-idx{color:var(--tx3);text-align:center;min-width:9px;font-size:9px;font-weight:800}.studio-mini-step-label{letter-spacing:.04em;text-transform:uppercase;color:var(--tx2);font-size:9px;font-weight:700}.studio-mini-step-hz{color:var(--tx);font-weight:700}.studio-mini-step-dur{color:var(--tx3);font-size:9px}.studio-mini-step--done{opacity:.45}.studio-mini-step--now{background:#00e5ff1a;border-color:#00e5ff52}.studio-mini-step--now .studio-mini-step-idx,.studio-mini-step--now .studio-mini-step-label,.studio-mini-step--now .studio-mini-step-hz{color:var(--cyan)}.studio-drawer--vibe .studio-mini-step--now{background:color-mix(in srgb,var(--vo-a) 12%,transparent);border-color:color-mix(in srgb,var(--vo-a) 34%,transparent)}.studio-drawer--vibe .studio-mini-step--now .studio-mini-step-idx,.studio-drawer--vibe .studio-mini-step--now .studio-mini-step-label,.studio-drawer--vibe .studio-mini-step--now .studio-mini-step-hz{color:var(--vo-a)}@media (max-width:600px){.studio-drawer{top:auto;left:0;right:0;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom,0px));border-left:none;border-top:1px solid var(--border2);width:auto;height:80vh;box-shadow:0 -1px 0 var(--border2);max-height:calc(100vh - var(--mobile-nav-h) - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px) - 8px);max-height:calc(100svh - var(--mobile-nav-h) - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px) - 8px);border-radius:12px 12px 0 0}.studio-drawer--open{transform:translateY(0)}.studio-drawer-lock,.studio-drawer-close{width:44px;height:44px}.studio-mini-phase-strip{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}.studio-drawer-resize{display:none}.studio-drawer--mini .studio-mini-bar{width:auto;height:var(--studio-mini-h);border-top:1px solid var(--border);flex-direction:row;padding:0 14px;position:static}.studio-drawer--mini .studio-mini-info{display:flex}.studio-drawer--mini .studio-mini-expand{margin-top:0;transform:none}.studio-drawer--closed,.studio-drawer--mini{transform:translateY(calc(100% + var(--mobile-nav-h) + env(safe-area-inset-bottom,0px)));pointer-events:none}}.studio-mini-next{flex-direction:column;gap:4px;margin-top:6px;display:flex}.studio-mini-next-row{min-width:0;color:var(--tx3);align-items:center;gap:6px;font-size:11px;display:flex}.studio-mini-next-tag{letter-spacing:.08em;text-transform:uppercase;opacity:.75;flex:none;font-size:9.5px}.studio-mini-next-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.studio-mini-next-x{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;margin-left:auto;padding:0 2px;font-size:14px;line-height:1}.studio-mini-next-x:hover{color:var(--tx);background:var(--bg3)}