@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");:root{--bg:#000;--panel:#050505;--panel-2:#070707;--line:#141414;--line-2:#202020;--text:#e9e9e9;--muted:#707070;--danger:#c66;--font-sans:"Questrial","Avenir Next","Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);width:100%;min-width:100%}body{min-height:100vh;font-family:var(--font-mono),ui-monospace,monospace}a{color:inherit;text-decoration:none}.app-shell{width:100%;max-width:none;margin:0;min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:.75rem}.app-shell.studio-shell{padding:0}.frame{border:1px solid var(--line);background:transparent;border-radius:8px;padding:.9rem;width:100%;max-width:none;min-height:calc(100vh - 1.5rem);margin-inline:auto}.studio-frame{border-radius:0;border-left:0;border-right:0;width:100vw;min-height:100vh;height:100vh;padding:.75rem}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem}.top-bar h1{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:.01em}.subtitle{margin:.3rem 0 0;color:var(--muted);font-size:.82rem}.top-nav{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.top-nav a{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;font-size:.76rem}.top-nav a:hover{color:var(--text);border-color:var(--line-2)}.eyebrow{margin:0 0 .35rem;color:var(--muted);font-size:.76rem;letter-spacing:.08em;text-transform:lowercase}.studio-preview{border-top:1px solid var(--line);padding-top:.8rem}.studio-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.studio-header h3{margin:0;font-size:.86rem;font-weight:500}.studio-copy{display:none}.studio-meta{display:grid;gap:.25rem;justify-items:end}.studio-meta span{color:var(--muted);font-size:.65rem;border:1px solid var(--line);border-radius:999px;padding:.12rem .38rem}.studio-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.file-input,.studio-toolbar button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:.25rem .5rem;font-family:inherit;font-size:.66rem;cursor:pointer}.hidden-file{display:none}.studio-toolbar .chip{width:auto}.file-input:hover,.studio-toolbar button:hover{border-color:var(--line-2)}.studio-toolbar button:disabled{opacity:.35;cursor:not-allowed}.file-input{position:relative;overflow:hidden}.file-input input{position:absolute;inset:0;opacity:0;cursor:pointer}.studio-status{margin-top:.45rem;display:flex;gap:.35rem;flex-wrap:wrap;color:var(--muted);font-size:.66rem}.studio-status .error{color:var(--danger)}.recorder-strip{margin-top:.45rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.mic-select{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.2rem .25rem .2rem .4rem;background:var(--panel);color:var(--muted);font-size:.62rem}.mic-select select{border:0;outline:0;background:transparent;color:var(--text);font:inherit;min-width:8rem}.fxnorm-panel{margin-top:.45rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:.4rem}.fxnorm-grid{display:grid;gap:.35rem}.path-field{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.5rem;color:var(--muted);font-size:.75rem}.path-field input{border:1px solid var(--line);border-radius:999px;padding:.45rem .8rem}.path-field input,.path-textarea{background:var(--panel-2);color:var(--text);font:inherit;min-width:0}.path-textarea{border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;resize:vertical}.toggle-inline{margin-top:.35rem;display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.62rem}.onboarding-grid{display:grid;gap:.75rem}.onboarding-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:.8rem}.stack-form{display:grid;gap:.6rem}.chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.primary-chip{color:var(--text);border-color:#2c2c2c}.tiny-copy{margin:0;color:var(--muted);font-size:.75rem;line-height:1.5}.track-list{margin-top:.6rem}.arrange-shell,.track-list{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.arrange-shell{margin-top:.65rem;padding:.4rem}.arrange-head{display:flex;justify-content:space-between;align-items:center;gap:.4rem;color:var(--muted);font-size:.66rem}.arrange-head .chip-row{gap:.25rem}.arrange-head .chip{padding:.25rem .45rem;min-width:0;font-size:.62rem}.arrange-scroll{margin-top:.4rem;border:1px solid var(--line);border-radius:8px;background:#030303;overflow-x:auto;overflow-y:hidden}.arrange-grid{position:relative;min-height:0;padding:.35rem}.arrange-ruler{position:relative;height:1.2rem;border-bottom:1px solid var(--line);margin-bottom:.25rem}.arrange-tick{position:absolute;top:0;transform:translateX(-1px);height:100%;border-left:1px solid hsla(0,0%,100%,.08);color:var(--muted);font-size:.58rem;padding-left:.2rem;pointer-events:none}.arrange-lane{position:relative;min-height:3.15rem;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;background-image:linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:84px 100%}.arrange-lane:last-child{border-bottom:0}.arrange-lane.is-selected{background-color:hsla(0,0%,100%,.01)}.arrange-lane.pattern-lane{min-height:2.65rem}.arrange-lane.pattern-lane.is-muted{opacity:.65}.arrange-clip{position:absolute;top:.3rem;height:2.45rem;border:1px solid var(--line);border-radius:8px;background:#070707;color:var(--text);text-align:left;padding:0;font:inherit;display:block;cursor:grab;overflow:hidden}.arrange-clip.role-beat{background:#0a0a0a}.arrange-clip.role-vocals{background:#080808}.arrange-clip.role-pattern{background:#060606;border-style:dashed}.arrange-clip:active{cursor:grabbing}.arrange-clip:hover{border-color:var(--line-2)}.arrange-clip.is-selected{border-color:#3a3a3a;box-shadow:inset 0 0 0 1px #161616}.arrange-clip.is-muted{opacity:.72}.arrange-clip-wave{position:absolute;inset:.2rem .28rem .55rem;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(1px,1fr);gap:1px;align-items:center;pointer-events:none;opacity:.55}.arrange-wave-bar{display:block;width:100%;min-height:2px;justify-self:stretch;align-self:center;border-radius:999px;background:hsla(0,0%,100%,.18)}.arrange-clip-copy{position:relative;z-index:1;display:grid;align-content:end;gap:.02rem;height:100%;padding:.26rem .38rem;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.68) 68%,rgba(0,0,0,.82))}.arrange-handle{position:absolute;top:.45rem;width:.5rem;height:2.1rem;border:1px solid #1d1d1d;border-radius:999px;background:#050505;cursor:ew-resize;z-index:3}.arrange-handle:focus,.arrange-handle:focus-visible,.arrange-handle:hover{outline:none;border-color:#373737}.arrange-clip-meta,.arrange-clip-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrange-clip-name{font-size:.65rem}.arrange-clip-meta{color:var(--muted);font-size:.55rem}.arrange-lane-actions{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.2rem;justify-self:end;padding-right:.1rem}.arrange-lane-actions .chip{min-width:0;padding:.2rem .35rem;font-size:.58rem}.studio-grid{margin-top:.6rem;display:grid;grid-template-columns:minmax(0,1fr) 0;gap:.55rem}.studio-grid:has(.inspector.is-open){grid-template-columns:minmax(0,1fr) 180px}.track-row{width:100%;display:grid;grid-template-columns:20px minmax(0,1fr) auto auto auto auto;gap:.35rem;align-items:center;padding:.35rem;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:inherit;font:inherit;cursor:pointer}.track-row:last-child{border-bottom:0}.track-row:hover{background:#070707}.track-row.is-selected{background:#0a0a0a}.track-index{color:var(--muted);font-size:.62rem;text-align:center}.track-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}.track-role{font-size:.6rem;padding:.14rem .28rem;text-transform:lowercase}.track-field,.track-role{color:var(--muted);border:1px solid var(--line);border-radius:999px}.track-field{display:inline-flex;align-items:center;gap:.2rem;padding:.16rem .22rem .16rem .32rem;font-size:.62rem;background:var(--panel-2)}.track-field input{width:3.5rem;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.track-mini{color:var(--muted);font-size:.62rem;border:1px solid var(--line);border-radius:999px;padding:.14rem .32rem}.track-field input::-webkit-inner-spin-button,.track-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.chip{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:999px;min-width:1.55rem;padding:.4rem .7rem;font:inherit;font-size:.75rem;cursor:pointer}.chip:hover{color:var(--text);border-color:var(--line-2)}.chip.is-active{color:var(--text);border-color:#343434}.playlist-shell{margin-top:.65rem;border:1px solid var(--line);border-radius:8px;padding:.55rem;background:#030303;overflow:hidden;transition:max-height .14s ease,opacity .14s ease}.playlist-shell.is-collapsed{max-height:3.2rem;opacity:.65}.playlist-shell.is-open{max-height:18rem}.playlist-host{min-height:160px;width:100%;overflow-x:auto}.playlist-host:empty:before{content:"upload audio to render timeline";display:block;color:var(--muted);font-size:.68rem;padding:.1rem 0}.asset-list{margin-top:.45rem;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.asset-row{display:grid;grid-template-columns:5rem minmax(0,1fr) minmax(0,1.4fr);gap:.35rem;padding:.28rem .35rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.6rem}.asset-row:last-child{border-bottom:0}.asset-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repo-row{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.3rem}.repo-row a{color:var(--muted);font-size:.62rem;border:1px solid var(--line);border-radius:999px;padding:.14rem .34rem}.repo-row a:hover{color:var(--text)}.keyboard-panel{margin-top:.65rem;border-top:1px solid var(--line);padding-top:.65rem;min-height:0}.keyboard-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.keyboard-meta{display:flex;flex-wrap:wrap;gap:.3rem}.keyboard-meta span{color:var(--muted);font-size:.62rem;border:1px solid var(--line);border-radius:999px;padding:.16rem .35rem}.keyboard-shell{margin-top:.45rem;border:1px solid var(--line);border-radius:8px;background:#030303;padding:.35rem;width:100%;overflow-x:hidden}.keyboard-controls{margin-top:.4rem;display:grid;gap:.35rem}.midi-controls{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.synth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.slider-field{display:grid;grid-template-columns:2rem minmax(0,1fr) 3.2rem;gap:.35rem;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:.25rem .35rem;color:var(--muted);font-size:.62rem}.slider-field input[type=range]{width:100%;accent-color:#8fbeb0}.slider-field em{font-style:normal;color:var(--text);text-align:right;font-size:.62rem}.meter-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.35rem;align-items:center}.live-meter{height:.9rem;border:1px solid var(--line);border-radius:999px;background:#040404;overflow:hidden}.live-meter-fill{height:100%;background:linear-gradient(90deg,#79c9b7,#a7e39e 60%,#efe59e);border-right:1px solid hsla(0,0%,100%,.15)}.midi-status-pill{color:var(--muted);font-size:.62rem;border:1px solid var(--line);border-radius:999px;padding:.18rem .38rem}.piano{position:relative;width:100%;min-width:0;height:112px}.white-row{--wk:calc(100% / 14)}.piano-key{position:absolute;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;cursor:pointer;user-select:none;outline:none;-webkit-tap-highlight-color:transparent}.piano-key span{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:.62rem}.piano-key.white{width:var(--wk);height:112px;top:0;border-radius:0 0 8px 8px;background:#070707}.piano-key.white:first-of-type{left:calc(0 * var(--wk))}.piano-key.white:nth-of-type(2){left:calc(1 * var(--wk))}.piano-key.white:nth-of-type(3){left:calc(2 * var(--wk))}.piano-key.white:nth-of-type(4){left:calc(3 * var(--wk))}.piano-key.white:nth-of-type(5){left:calc(4 * var(--wk))}.piano-key.white:nth-of-type(6){left:calc(5 * var(--wk))}.piano-key.white:nth-of-type(7){left:calc(6 * var(--wk))}.piano-key.white:nth-of-type(8){left:calc(7 * var(--wk))}.piano-key.white:nth-of-type(9){left:calc(8 * var(--wk))}.piano-key.white:nth-of-type(10){left:calc(9 * var(--wk))}.piano-key.white:nth-of-type(11){left:calc(10 * var(--wk))}.piano-key.white:nth-of-type(12){left:calc(11 * var(--wk))}.piano-key.white:nth-of-type(13){left:calc(12 * var(--wk))}.piano-key.white:nth-of-type(14){left:calc(13 * var(--wk))}.piano-key.black{width:clamp(22px,calc(var(--wk) * .62),38px);height:72px;top:0;border-radius:0 0 6px 6px;background:#101010;z-index:2}.piano-key:hover{color:var(--text);border-color:var(--line-2)}.piano-key:focus,.piano-key:focus-visible{outline:none;border-color:#2b2b2b;box-shadow:none}.piano-key.is-on{color:var(--text);border-color:#3b3b3b;box-shadow:inset 0 0 0 1px #1d1d1d}.piano-key.black.is-on{background:#151515}.midi-track-panel{margin-top:.45rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:.4rem}.midi-track-head{display:flex;justify-content:space-between;gap:.35rem;align-items:center}.midi-event-list{margin-top:.35rem;border:1px solid var(--line);border-radius:8px;overflow:hidden}.midi-event-row{display:grid;grid-template-columns:5rem 3rem 4rem 4rem 1fr;gap:.35rem;padding:.25rem .35rem;color:var(--muted);font-size:.62rem;border-bottom:1px solid var(--line)}.midi-event-row:last-child{border-bottom:0}.midi-event-row.empty{grid-template-columns:1fr}.inspector{border:1px solid var(--line);border-radius:8px;background:var(--panel);min-height:100%}.inspector-head{padding:.45rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-body{padding:.45rem;display:grid;gap:.35rem}.inspector .track-field{justify-content:space-between;width:100%}.inspector .track-field input{width:4rem;text-align:right}.mini-select{border:0;outline:0;background:transparent;color:var(--text);font:inherit;text-align:right}.inspector .chip{width:100%;text-align:center}.studio-shell-v2{display:flex;flex-direction:column;width:100vw;height:100vh;min-height:100vh;background:#000;overflow:hidden}.studio-topbar-v2{display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:42px;padding:0 .75rem;border-bottom:1px solid var(--line);background:#000}.studio-topbar-group{display:flex;align-items:center;gap:.65rem;min-width:0}.studio-topbar-group.is-compact{justify-content:flex-end}.studio-brand-link{gap:.45rem;color:#fff;text-decoration:none}.studio-brand-link,.studio-brand-mark{display:inline-flex;align-items:center}.studio-brand-mark{width:26px;height:26px;border:1px solid hsla(0,0%,100%,.18);border-radius:6px;background:#fff;color:#000;justify-content:center;font-size:.85rem;font-weight:700;line-height:1}.studio-brand-name{font-size:.84rem;font-weight:700;letter-spacing:.14em}.studio-project-chip{display:grid;gap:.05rem;min-width:112px;padding:.3rem .5rem;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;background:#020202}.studio-project-chip span{font-size:.53rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.studio-project-chip strong{font-size:.77rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-nav-links{display:inline-flex;align-items:center;gap:.35rem}.studio-action-chip,.studio-mini-chip,.studio-nav-link,.studio-tab{border:1px solid hsla(0,0%,100%,.08);border-radius:999px;background:#050505;color:hsla(0,0%,100%,.72);text-decoration:none;font-size:.64rem;line-height:1;letter-spacing:.06em;text-transform:uppercase}.studio-action-chip,.studio-nav-link{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .65rem}.studio-action-chip:hover,.studio-nav-link:hover,.studio-tab:hover{color:#fff;border-color:hsla(0,0%,100%,.16)}.studio-action-chip{cursor:pointer}.studio-action-chip.is-primary{background:#fff;color:#000}.studio-shell-main{flex:1;display:flex;min-height:0;overflow:hidden}.studio-side-panel{display:flex;flex-direction:column;min-width:0;background:#000;transition:width .18s ease}.studio-side-panel.is-left{border-right:1px solid var(--line)}.studio-side-panel.is-right{border-left:1px solid var(--line)}.studio-side-panel.is-collapsed{width:52px!important}.studio-side-toggle{display:flex;align-items:center;justify-content:space-between;gap:.35rem;width:100%;height:38px;padding:0 .65rem;border:0;border-bottom:1px solid hsla(0,0%,100%,.05);background:#000;color:hsla(0,0%,100%,.7);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.studio-side-toggle.is-right{text-align:right}.studio-side-toggle-icon{font-size:.95rem;line-height:1}.studio-side-panel-search{position:relative;display:flex;align-items:center;gap:.45rem;margin:.55rem .65rem 0;padding:0 .6rem;height:32px;border:1px solid hsla(0,0%,100%,.06);border-radius:6px;background:#030303;color:hsla(0,0%,100%,.45)}.studio-side-panel-search input{width:100%;height:100%;border:0;background:transparent;color:#fff;font-size:.72rem;outline:0}.studio-side-panel-search input::placeholder{color:hsla(0,0%,100%,.38)}.studio-side-panel-body{flex:1;min-height:0;overflow:auto;padding:.75rem .5rem .75rem .65rem}.studio-side-panel-mini{display:grid;justify-items:center;gap:.35rem;padding:.5rem .3rem}.studio-side-panel-foot{padding:.5rem .65rem .65rem;border-top:1px solid hsla(0,0%,100%,.05)}.studio-side-section{display:grid;gap:.35rem;margin-bottom:.85rem}.studio-side-section:last-child{margin-bottom:0}.studio-side-label{font-size:.55rem;color:hsla(0,0%,100%,.38);letter-spacing:.12em;text-transform:uppercase}.studio-side-list{display:grid;gap:.2rem}.studio-sidebar-item{display:inline-flex;align-items:center;gap:.55rem;width:100%;padding:.5rem .55rem;border:0;border-radius:6px;background:transparent;color:hsla(0,0%,100%,.62);cursor:pointer;text-align:left;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.studio-sidebar-item span{white-space:nowrap}.studio-sidebar-item.is-active,.studio-sidebar-item:hover{background:hsla(0,0%,100%,.04);color:#fff}.studio-sidebar-item.is-compact{width:38px;height:38px;justify-content:center;padding:0}.studio-side-foot-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.57rem;color:hsla(0,0%,100%,.42);letter-spacing:.08em;text-transform:uppercase}.studio-side-foot-row+.studio-side-foot-row{margin-top:.35rem}.studio-side-foot-row .is-online{color:#34d399}.studio-side-meter{margin-top:.45rem;width:100%;height:3px;border-radius:999px;overflow:hidden;background:hsla(0,0%,100%,.05)}.studio-side-meter-fill{width:44%;height:100%;background:hsla(0,0%,100%,.28)}.studio-resize-handle{position:relative;flex:0 0 8px;width:8px;border:0;background:transparent;cursor:col-resize}.studio-resize-handle:after{content:"";position:absolute;top:50%;left:3px;width:2px;height:34px;border-radius:999px;background:hsla(0,0%,100%,.08);transform:translateY(-50%)}.studio-resize-handle.is-dragging:after,.studio-resize-handle:hover:after{background:hsla(0,0%,100%,.22)}.studio-workspace-core{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#000}.studio-tabbar-v2{display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:38px;padding:0 .65rem;border-bottom:1px solid var(--line);background:#000}.studio-tablist{display:inline-flex;align-items:center;gap:.3rem}.studio-tab{padding:.42rem .68rem;cursor:pointer}.studio-tab.is-active{background:hsla(0,0%,100%,.92);color:#000}.studio-toolbar-meta{display:inline-flex;align-items:center;gap:.55rem;font-size:.56rem;color:hsla(0,0%,100%,.42);letter-spacing:.1em;text-transform:uppercase}.studio-workspace-canvas{flex:1;min-height:0;padding:.6rem}.studio-panel-frame{width:100%;height:100%;border:1px solid hsla(0,0%,100%,.05);border-radius:10px;background:#000;overflow:hidden}.studio-panel-scroll{width:100%;height:100%;overflow:auto;padding:.65rem}.studio-panel-stack{display:grid;gap:.65rem}.studio-info-card,.studio-kv-row{border:1px solid hsla(0,0%,100%,.06);border-radius:8px;background:#020202}.studio-info-card{display:grid;gap:.25rem;padding:.6rem}.studio-info-card span,.studio-kv-row span{font-size:.58rem;color:hsla(0,0%,100%,.42);letter-spacing:.08em;text-transform:uppercase}.studio-info-card strong,.studio-kv-row strong{font-size:.74rem;color:#fff;font-weight:500;line-height:1.35}.studio-kv-list{display:grid;gap:.35rem}.studio-kv-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .6rem}.studio-chip-grid{display:flex;flex-wrap:wrap;gap:.35rem}.studio-mini-chip{display:inline-flex;align-items:center;padding:.42rem .55rem}.studio-statusbar-v2{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:24px;padding:0 .75rem;border-top:1px solid var(--line);background:#000}.studio-status-group{display:inline-flex;align-items:center;gap:.55rem;font-size:.55rem;color:hsla(0,0%,100%,.42);letter-spacing:.1em;text-transform:uppercase}.studio-workspace-frame{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden}.fl-workspace-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:.75rem;min-height:0;height:100%;overflow:hidden}.fl-panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:.6rem}.fl-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.fl-panel-head h3{margin:0;font-size:.82rem;font-weight:600}.fl-main-stack{display:grid;gap:.75rem;min-width:0;min-height:0;overflow:hidden}.fl-main-tabs{grid-template-rows:auto minmax(0,1fr)}.studio-dock-tabs{margin:0}.fl-active-panel-shell{min-height:0;overflow:auto}.fl-playlist-panel{padding:.65rem}.fl-playlist-panel .studio-preview{margin-top:.1rem}.fl-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:.75rem;align-items:start}.fl-side-stack{display:grid;gap:.75rem;align-content:start}.fl-browser-panel{display:grid;gap:.6rem;align-content:start;min-height:0;overflow:auto}.fl-stack{display:grid;gap:.25rem}.kv-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;padding:.35rem .45rem;color:var(--muted);font-size:.66rem}.kv-row span:last-child{color:var(--text)}.mini-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}.mini-list-row{padding:.38rem .45rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.68rem;background:var(--panel-2)}.pattern-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto auto;gap:.25rem;align-items:center}.mini-list-row:last-child{border-bottom:0}.channel-rack-grid{border:1px solid var(--line);border-radius:8px;background:var(--panel-2);overflow:hidden}.channel-rack-shell{display:grid;gap:.5rem}.channel-rack-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem;align-items:center}.channel-rack-toolbar .chip{min-width:0;padding:.28rem .5rem;font-size:.62rem}.rack-mini-field{display:inline-flex;align-items:center;gap:.25rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.18rem .26rem .18rem .35rem;background:var(--panel);font-size:.6rem}.rack-mini-field input{width:3rem;border:0;outline:0;background:transparent;color:var(--text);font:inherit;appearance:textfield;-moz-appearance:textfield}.rack-mini-field input::-webkit-inner-spin-button,.rack-mini-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--panel);overflow:hidden;color:var(--muted);font-size:.6rem}.bpm-stepper span{padding:0 .5rem 0 .45rem}.bpm-stepper input{width:2.5rem;border:0;outline:0;background:transparent;color:var(--text);font:inherit;text-align:center;appearance:textfield;-moz-appearance:textfield}.bpm-stepper input::-webkit-inner-spin-button,.bpm-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm-stepper button{width:1.5rem;height:1.7rem;border:0;border-left:1px solid var(--line);background:#050505;color:var(--muted);font:inherit;cursor:pointer}.bpm-stepper button:hover{color:var(--text);background:#090909}.rack-file-input{font-size:.58rem;padding:.12rem .35rem}.channel-rack-grid-live{padding:.25rem;display:grid;gap:.25rem}.channel-rack-ruler{display:grid;grid-template-columns:10rem 18.5rem minmax(0,1fr);gap:.35rem;align-items:center;color:var(--muted);font-size:.58rem;padding:.1rem .15rem}.rack-steps-header{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:.2rem}.rack-step-label{text-align:center;border:1px solid var(--line);border-radius:999px;padding:.12rem 0;background:#050505}.rack-step-label.is-current{color:var(--text);border-color:#363636}.rack-row{display:grid;grid-template-columns:10rem 18.5rem minmax(0,1fr);gap:.35rem;align-items:center;border:1px solid var(--line);border-radius:8px;background:#050505;padding:.3rem}.rack-row.is-muted{opacity:.75}.rack-row-head{min-width:0;display:grid;gap:.25rem}.rack-name-input{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-size:.66rem;padding:.28rem .38rem}.rack-kind-pill{color:var(--muted);font-size:.55rem;border:1px solid var(--line);border-radius:999px;padding:.12rem .32rem;justify-self:start;text-transform:lowercase}.rack-row-controls{min-width:0;display:flex;flex-wrap:wrap;gap:.2rem;align-items:center}.rack-row-controls .chip{min-width:0;padding:.18rem .32rem;font-size:.58rem}.rack-step-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:.2rem}.rack-step-btn{height:1.15rem;border:1px solid var(--line);border-radius:6px;background:#030303;cursor:pointer}.rack-step-btn:hover{border-color:var(--line-2)}.rack-step-btn.is-on{background:#111;border-color:#303030}.rack-step-btn.is-current{box-shadow:inset 0 0 0 1px #585858}.rack-step-btn.is-on.is-current{box-shadow:inset 0 0 0 1px #767676}.channel-rack-row{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.5rem;align-items:center;padding:.35rem .45rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.66rem}.channel-rack-row:last-child{border-bottom:0}.step-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.25rem}.step-dot{height:.75rem;border:1px solid var(--line);border-radius:999px;background:#050505}.step-dot.is-on{border-color:#2a2a2a;background:#111}.fl-channel-panel .keyboard-panel{margin-top:.65rem;border-top:1px solid var(--line);padding-top:.65rem}.mixer-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.mixer-console-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:.45rem;align-items:start}.mixer-strip{border:1px solid var(--line);border-radius:8px;background:var(--panel-2);padding:.35rem;display:grid;justify-items:center;gap:.25rem;width:100%;font:inherit;color:inherit;cursor:pointer;text-align:center}.mixer-strip.is-muted{opacity:.55}.mixer-strip.is-selected{border-color:#363636;box-shadow:inset 0 0 0 1px #161616}.mixer-db,.mixer-strip-name{color:var(--muted);font-size:.62rem}.mixer-strip-tag{color:var(--muted);font-size:.55rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meter{width:100%;height:84px;border:1px solid var(--line);border-radius:6px;background:#040404;display:flex;align-items:flex-end;padding:2px}.meter-fill{width:100%;border-radius:4px;background:linear-gradient(180deg,#f0f0b0,#97e7c7 65%,#2f816c);opacity:.9}.mixer-detail-panel,.settings-card{border:1px solid var(--line);border-radius:8px;background:var(--panel-2);padding:.4rem}.mixer-detail-stack,.settings-stack{display:grid;gap:.4rem}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.settings-grid .chip{text-align:center}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.settings-summary-grid,.settings-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.settings-summary-grid{margin-top:.4rem}.settings-bpm-stepper{width:fit-content}.opendaw-panel .tiny-copy{margin-top:.45rem;font-size:.68rem}.mini-list.compact .mini-list-row{font-size:.62rem;padding:.3rem .38rem}.status-dot{border:1px solid var(--line);border-radius:999px;padding:.16rem .38rem;color:var(--muted);font-size:.62rem}.status-planned{border-color:#2b2b2b;color:#cfcfcf}.status-connected{border-color:#215f48;color:#98dfc4}.status-unsupported{border-color:#5b3a3a;color:#d4a7a7}@media (max-width:640px){.app-shell{width:100%;min-height:auto;display:block;padding:.35rem}.app-shell.studio-shell{padding:0}.frame{padding:.6rem;min-height:calc(100vh - .7rem);height:calc(100vh - .7rem)}.studio-frame{min-height:100vh;height:100vh;border-radius:0;padding:.5rem}.top-bar{flex-direction:column;gap:.55rem}.top-nav{justify-content:flex-start}.studio-header{flex-direction:column}.studio-meta{justify-items:start}.track-row{grid-template-columns:18px minmax(0,1fr) auto;grid-template-areas:"idx name mute" ". role g" ". s s"}.track-index{grid-area:idx}.track-name{grid-area:name}.track-row .chip{grid-area:mute}.track-row .track-role{grid-area:role;justify-self:start}.track-row .track-mini:first-of-type{grid-area:g}.track-row .track-mini:nth-of-type(2){grid-area:s;justify-self:start}.arrange-head{flex-direction:column;align-items:flex-start}.arrange-lane{grid-template-columns:1fr;padding-bottom:2rem}.arrange-lane-actions{justify-self:start;margin-top:1.95rem}.mixer-console-grid,.settings-layout,.settings-summary-grid,.settings-toggle-grid{grid-template-columns:1fr}.mixer-detail-panel{margin-top:.1rem}.asset-row{gap:.15rem}.asset-row,.project-row{grid-template-columns:1fr}.onboarding-card{padding:.65rem}.onboarding-split{grid-template-columns:1fr;min-height:auto}.onboarding-visual-panel{min-height:22rem;border-right:0;border-bottom:1px solid var(--line);padding:.9rem}.main-card{width:13rem;height:8.6rem;top:4.5rem;left:55%}.back-card{width:11rem;height:7rem;top:9.5rem;left:10%}.onboarding-visual-copy{left:.9rem;right:.9rem;bottom:.8rem}.onboarding-visual-copy h2{font-size:1.8rem;max-width:14rem}.onboarding-form-panel{padding:1rem .85rem}.onboarding-form-head h3{font-size:1.6rem}.onboarding-field-row{grid-template-columns:1fr;gap:.5rem}.landing-shell{padding:.35rem}.landing-frame{min-height:calc(100vh - .7rem);padding:.6rem;height:auto}.landing-grid{grid-template-columns:1fr;min-height:auto}.landing-left-col,.landing-right-col{grid-template-rows:none}.faq-panel,.service-grid,.testimonial-mosaic{grid-template-columns:1fr}.hero-copy h2{font-size:1.65rem}.path-field{grid-template-columns:1fr;gap:.25rem}.mic-select select{min-width:6rem}.studio-grid,.studio-grid:has(.inspector.is-open){grid-template-columns:1fr}.inspector{margin-top:.1rem}.piano{min-width:0}.white-row{--wk:calc(100% / 14)}.midi-event-row{grid-template-columns:1fr 1fr}.channel-rack-ruler,.rack-row{grid-template-columns:1fr}.rack-row-controls{order:2}.rack-step-grid{order:3}.fl-workspace-grid,.settings-grid,.synth-grid{grid-template-columns:1fr}.fl-workspace-grid{height:auto;overflow:auto}.fl-lower-grid{grid-template-columns:1fr}.mixer-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1080px){.fl-workspace-grid{height:auto;overflow:auto}.fl-lower-grid,.fl-side-stack,.fl-workspace-grid,.landing-grid{grid-template-columns:1fr}.landing-grid{min-height:auto}.onboarding-split{grid-template-columns:1fr}.landing-left-col,.landing-right-col{grid-template-rows:none}.faq-panel{grid-template-columns:1fr}}