@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#0b0b0d;--panel:#111116;--line:#303038;--text:#ededeb;--muted:#888891;--acid:#d2ff3f;--violet:#7b65ff;--danger:#ff5c73;font-family:IBM Plex Mono,monospace;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit;background:#17171d;border:1px solid var(--line);min-height:44px;padding:.6rem .8rem;cursor:pointer}button:hover,button:focus-visible{border-color:var(--acid);outline:none}.primary{background:var(--acid);color:#0b0b0d;border-color:var(--acid);font-weight:700}kbd{font-size:.65rem;border:1px solid currentColor;padding:.1rem .25rem;margin-left:.45rem}.topbar{height:68px;padding:10px 14px 10px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.topbar>div:first-child{display:flex;align-items:baseline;gap:16px}.topbar strong,h1{font-family:Barlow Condensed,sans-serif}.topbar strong{font-size:2rem;letter-spacing:.08em}.topbar span{font-size:.68rem;color:var(--muted)}.transport{display:flex;gap:7px;align-items:center}.transport label{font-size:.68rem;color:var(--muted);display:flex;align-items:center;gap:6px}.transport input{width:64px;background:#15151a;color:var(--text);border:1px solid var(--line);padding:.72rem .35rem}.studio{height:calc(100vh - 68px);display:grid;grid-template-columns:minmax(0,1fr) 420px}.stage{position:relative;min-width:0;padding:28px 34px 22px;display:grid;grid-template-rows:auto minmax(95px,1fr) 180px 118px auto;overflow:hidden;background:radial-gradient(circle at 53% 36%,#1b1930 0,#0d0d11 43%,#09090b 72%)}.artifact-head{display:flex;align-items:start;justify-content:space-between;z-index:2}.eyebrow{font-size:.65rem;letter-spacing:.16em;color:var(--muted)}h1{font-size:clamp(2.4rem,5vw,5.4rem);line-height:.88;margin:.25rem 0 0;letter-spacing:-.025em}#status{font-size:.68rem;color:var(--acid);border-top:1px solid var(--acid);padding-top:.45rem}.constellation{position:relative;min-height:95px}.constellation:before{content:"";position:absolute;width:160px;height:160px;left:calc(50% - 80px);top:calc(50% - 80px);border:1px solid #343242;border-radius:50%}.constellation:after{content:"";position:absolute;inset:50% 20%;height:1px;background:#343242}.constellation span{position:absolute;z-index:1;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--violet);background:#12111b;color:#c8c1ff;border-radius:50%;font-family:Barlow Condensed;font-size:1.15rem;box-shadow:0 0 24px #7560ff2d}canvas{width:100%;height:180px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.keybed{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:4px;padding-top:16px}.key{position:relative;padding:.4rem;display:flex;justify-content:space-between;align-items:end;background:#dfdfd8;color:#101014;border:0}.key.black{background:#25252c;color:#d5d5d2}.key.active{background:var(--acid);color:#09090b;box-shadow:inset 0 -7px #8ba929}.key small{font-size:.58rem}.stage-foot{display:flex;justify-content:space-between;align-items:end;font-size:.64rem;color:var(--muted)}.rack{min-height:0;overflow:auto;border-left:1px solid var(--line);background:#0f0f13}.rack section,.rack details{border-bottom:1px solid var(--line);padding:17px 18px}.rack summary{font-family:Barlow Condensed;font-weight:600;letter-spacing:.09em;cursor:pointer;min-height:28px}.quick{position:sticky;top:0;background:#0f0f13ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.preset-row button{font-family:Barlow Condensed;letter-spacing:.08em}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;margin-top:13px}.control-grid label,.sync{font-size:.62rem;color:var(--muted);display:grid;grid-template-columns:1fr auto;gap:7px}.control-grid label:first-child{grid-column:1/-1}.control-grid input{grid-column:1/-1;width:100%;accent-color:var(--acid)}select{background:#17171d;color:var(--text);border:1px solid var(--line);padding:8px;grid-column:1/-1}.xy-wrap{display:grid;grid-template-columns:1fr 72px;gap:12px;margin:12px 0 17px}.xy-wrap>div{display:grid;grid-template-columns:1fr auto;font-size:.58rem;color:var(--muted);align-content:space-around}.xy-wrap output{color:var(--text)}#xy{height:132px;position:relative;background:linear-gradient(135deg,#17131f,#38333b 50%,#c6bf9a);overflow:hidden;touch-action:none}#xy i,#xy b{position:absolute;font-size:.5rem;font-style:normal;font-weight:400;color:#aaa}#xy i:first-of-type{left:6px;bottom:5px}#xy i:nth-of-type(2){right:6px;bottom:5px}#xy b:first-of-type{left:6px;top:5px}#xy b:nth-of-type(2){right:6px;top:5px}#xyPoint{position:absolute;width:18px;height:18px;border:2px solid var(--acid);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #0008}.sync{margin:10px 0}.tap-grid{height:118px;display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.tap-grid label{display:grid;grid-template-rows:1fr auto auto;justify-items:center;font-size:.55rem;color:var(--muted)}.tap-grid input{appearance:slider-vertical;width:28px;height:78px;accent-color:var(--violet);writing-mode:vertical-lr;direction:rtl}.tap-grid output{color:var(--text)}.quiet{font-size:.62rem;color:var(--muted)}textarea{width:100%;height:86px;resize:vertical;background:#09090b;border:1px solid var(--line);color:var(--text);font-size:.58rem;padding:8px}.memory-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.memory-row button{font-size:.62rem}@media(max-width:780px){html,body{overflow:auto}.topbar{height:auto;min-height:116px;display:block;padding:12px}.topbar>div:first-child{justify-content:space-between}.transport{display:grid;grid-template-columns:66px 1fr 58px 1fr;margin-top:8px}.transport button{padding:.5rem .35rem}.studio{height:auto;display:block}.stage{height:462px;padding:18px 12px 10px;grid-template-rows:auto 106px 104px 94px auto}.artifact-head{align-items:start}h1{font-size:2.35rem}.artifact-head #status{max-width:118px;text-align:right}.constellation:before{width:98px;height:98px;left:calc(50% - 49px);top:calc(50% - 49px)}.constellation span{width:34px;height:34px;font-size:.9rem}canvas{height:104px}.keybed{gap:2px;padding-top:9px}.key{min-height:42px;padding:.22rem;font-size:.66rem}.key small{display:none}.stage-foot{font-size:.54rem}.rack{border-left:0;border-top:1px solid var(--line);overflow:visible}.quick{position:static}.rack details:not([open]){padding-bottom:12px}.control-grid{gap:18px 14px}.xy-wrap{grid-template-columns:1fr 58px}.tap-grid{height:132px}.tap-grid input{height:90px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}