:root{--bg: #131110;--chassis: #1d1a17;--panel: #24201c;--raised: #2c2723;--raised-hi: #37312b;--edge: #3a332c;--edge-soft: #2a2521;--hairline: rgba(239, 231, 216, .08);--screen: #efe7d6;--screen-edge: #d8cdb6;--ink: #17130d;--amber: #ff9d3c;--amber-bright: #ffb45f;--amber-dim: #b06a1f;--amber-glow: rgba(255, 157, 60, .35);--text: #f1e9db;--text-dim: #c2b6a2;--text-faint: #a1947e;--danger: #ff6b5e;--font-display: "Chakra Petch", ui-sans-serif, system-ui, sans-serif;--font-ui: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 8px 24px -8px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .4);--shadow-3: 0 24px 60px -18px rgba(0, 0, 0, .7), 0 4px 12px rgba(0, 0, 0, .45);--inset: inset 0 1px 0 rgba(239, 231, 216, .06), inset 0 -2px 6px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);color:var(--text);background:radial-gradient(1200px 700px at 50% -10%,#221d18,#221d1800 60%),var(--bg);background-attachment:fixed;min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:var(--r-sm)}.score svg path,.score svg rect{fill:var(--ink);stroke:var(--ink)}.score svg text{fill:var(--ink)}.rudstaff svg path,.rudstaff svg rect{fill:var(--ink);stroke:var(--ink)}.rudstaff svg text{fill:var(--ink)}.score svg g.note-active path,.score svg g.note-active rect{fill:#e2560f;stroke:#e2560f}.score svg g.note-active{filter:drop-shadow(0 0 6px rgba(226,86,15,.55))}@keyframes note-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.score svg g.note-enter{animation:note-in .3s cubic-bezier(.16,1,.3,1) both}.stage{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:clamp(16px,4vw,56px)}.console{width:100%;max-width:1040px;background:linear-gradient(180deg,var(--panel),var(--chassis));border:1px solid var(--edge);border-radius:var(--r-xl);box-shadow:var(--shadow-3),var(--inset);padding:clamp(16px,2.4vw,28px);display:flex;flex-direction:column;gap:clamp(16px,2vw,22px)}.console__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-md);background:linear-gradient(180deg,var(--raised-hi),var(--raised));border:1px solid var(--edge);box-shadow:var(--shadow-1),inset 0 1px #efe7d814;font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:-.02em;color:var(--amber)}.brand__name{font-family:var(--font-display);font-weight:600;font-size:clamp(1.05rem,2.4vw,1.4rem);letter-spacing:-.02em;color:var(--text);text-decoration:none}.brand__meta{display:flex;align-items:center;gap:14px}.brand__model{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;color:var(--text-faint)}.led{width:9px;height:9px;border-radius:50%;background:var(--amber-dim)}.led--on{background:var(--amber);box-shadow:0 0 10px 1px var(--amber-glow)}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-md);border:1px solid var(--edge);background:linear-gradient(180deg,var(--raised),var(--panel));color:var(--text-dim);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;box-shadow:var(--shadow-1);transition:color .15s ease,box-shadow .18s ease}.nav-link:hover{color:var(--amber-bright);box-shadow:var(--shadow-1),inset 0 0 0 1px #ff9d3c38}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.stepper[data-v-c04d47f5]{display:inline-flex;align-items:stretch;background:#100e0c;border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:var(--inset);overflow:hidden}.stepper__key[data-v-c04d47f5]{width:34px;display:grid;place-items:center;background:linear-gradient(180deg,var(--raised-hi),var(--raised));border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:1.15rem;line-height:1;transition:color .15s ease,filter .12s ease,transform .1s ease}.stepper__key[data-v-c04d47f5]:first-child{border-right:1px solid var(--edge)}.stepper__key[data-v-c04d47f5]:last-child{border-left:1px solid var(--edge)}.stepper__key[data-v-c04d47f5]:hover:not(:disabled){color:var(--amber-bright)}.stepper__key[data-v-c04d47f5]:active:not(:disabled){transform:translateY(1px);filter:brightness(1.1)}.stepper__key[data-v-c04d47f5]:disabled{color:var(--text-faint);opacity:.4}.stepper__value[data-v-c04d47f5]{width:52px;padding:10px 4px;border:none;background:transparent;font-family:var(--font-mono);font-size:1.05rem;font-weight:500;color:var(--amber-bright);text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper__value[data-v-c04d47f5]::-webkit-outer-spin-button,.stepper__value[data-v-c04d47f5]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.panel[data-v-3e6fa7eb]{background:linear-gradient(180deg,var(--raised),var(--panel));border:1px solid var(--edge);border-radius:var(--r-lg);box-shadow:var(--shadow-2),inset 0 1px #efe7d80d;padding:clamp(14px,2vw,20px);display:flex;flex-direction:column;gap:18px}.controls[data-v-3e6fa7eb]{display:flex;flex-wrap:wrap;gap:14px}.field[data-v-3e6fa7eb]{display:flex;flex-direction:column;gap:8px;flex:1 1 auto}.field--sig[data-v-3e6fa7eb],.field[data-v-3e6fa7eb]:not(.field--seg){flex:0 0 auto}.field--seg[data-v-3e6fa7eb]{flex:1 1 200px}.field--wide[data-v-3e6fa7eb]{flex-basis:260px}.field__label[data-v-3e6fa7eb]{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.field__hint[data-v-3e6fa7eb]{margin:2px 0 0;font-size:.72rem;color:var(--text-dim)}.sig[data-v-3e6fa7eb]{display:flex;align-items:center;gap:8px}.sig__slash[data-v-3e6fa7eb]{font-family:var(--font-mono);font-size:1.2rem;color:var(--text-faint)}.tempo[data-v-3e6fa7eb]{display:flex;align-items:center;gap:8px}.tempo__unit[data-v-3e6fa7eb]{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:var(--text-faint)}.segment[data-v-3e6fa7eb]{display:inline-flex;padding:4px;gap:4px;background:#100e0c;border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:var(--inset)}.segment__btn[data-v-3e6fa7eb]{flex:1 1 auto;padding:8px 14px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-dim);font-size:.9rem;font-weight:500;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.segment__btn[data-v-3e6fa7eb]:hover{color:var(--text)}.segment__btn.is-active[data-v-3e6fa7eb]{background:linear-gradient(180deg,var(--raised-hi),var(--raised));border-color:var(--edge);color:var(--amber-bright);box-shadow:var(--shadow-1),0 0 0 1px #ff9d3c2e}.actions[data-v-3e6fa7eb]{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}.error[data-v-3e6fa7eb]{flex:1 1 auto;color:var(--danger);font-size:.88rem}.generate[data-v-3e6fa7eb]{display:inline-flex;align-items:center;gap:10px;padding:13px 30px;border:1px solid var(--amber-dim);border-radius:var(--r-md);background:linear-gradient(180deg,var(--amber-bright),var(--amber));color:#221204;font-family:var(--font-display);font-weight:600;font-size:1rem;letter-spacing:-.01em;box-shadow:var(--shadow-2),0 0 24px -6px var(--amber-glow);transition:transform .12s cubic-bezier(.2,.7,.3,1),box-shadow .18s ease,filter .18s ease}.generate[data-v-3e6fa7eb]:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-2),0 0 32px -4px var(--amber-glow)}.generate[data-v-3e6fa7eb]:active:not(:disabled){transform:translateY(1px)}.generate[data-v-3e6fa7eb]:disabled{filter:saturate(.5) brightness(.8)}.generate__spin[data-v-3e6fa7eb]{width:14px;height:14px;border:2px solid rgba(34,18,4,.4);border-top-color:#221204;border-radius:50%;animation:spin-3e6fa7eb .7s linear infinite}@keyframes spin-3e6fa7eb{to{transform:rotate(360deg)}}@media (max-width: 560px){.field[data-v-3e6fa7eb],.field--seg[data-v-3e6fa7eb],.field--wide[data-v-3e6fa7eb]{flex:1 1 100%}.segment[data-v-3e6fa7eb]{width:100%}.generate[data-v-3e6fa7eb]{width:100%;justify-content:center}}.rack[data-v-cd77fcfa]{display:flex;flex-direction:column;gap:12px}.transport[data-v-cd77fcfa]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px;background:linear-gradient(180deg,var(--raised),var(--panel));border:1px solid var(--edge);border-radius:var(--r-lg);box-shadow:var(--shadow-2),inset 0 1px #efe7d80d}.metro-panel[data-v-cd77fcfa]{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:linear-gradient(180deg,#171310,var(--chassis));border:1px solid var(--edge-soft);border-radius:var(--r-lg);box-shadow:var(--inset)}.metro-panel__title[data-v-cd77fcfa]{display:flex;flex-direction:column;gap:1px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.metro-panel__hint[data-v-cd77fcfa]{font-size:.56rem;letter-spacing:.06em;text-transform:none;color:var(--text-faint)}.metro-panel__controls[data-v-cd77fcfa]{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-left:auto}.cluster[data-v-cd77fcfa]{display:flex;align-items:center;gap:12px}.play[data-v-cd77fcfa],.stop[data-v-cd77fcfa]{display:grid;place-items:center;border-radius:50%;border:1px solid var(--edge);transition:transform .12s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,filter .18s ease}.play[data-v-cd77fcfa]{width:56px;height:56px;padding-left:2px;color:var(--amber-bright);background:linear-gradient(180deg,var(--raised-hi),var(--raised));border:1.5px solid var(--amber-dim);box-shadow:var(--shadow-1),inset 0 0 0 1px #ff9d3c2e}.play[data-v-cd77fcfa]:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-1),0 0 18px -6px var(--amber-glow)}.play[data-v-cd77fcfa]:active:not(:disabled){transform:translateY(1px)}.play.is-playing[data-v-cd77fcfa]{color:#221204;background:linear-gradient(180deg,var(--amber-bright),var(--amber));border-color:var(--amber-dim);box-shadow:var(--shadow-2),0 0 26px -3px var(--amber-glow);animation:pulse-cd77fcfa 1.4s ease-in-out infinite}.stop[data-v-cd77fcfa]{width:44px;height:44px;color:var(--text-dim);background:linear-gradient(180deg,var(--raised-hi),var(--raised));box-shadow:var(--shadow-1)}.stop[data-v-cd77fcfa]:hover:not(:disabled){color:var(--text)}.stop[data-v-cd77fcfa]:active:not(:disabled){transform:translateY(1px)}.icon-btn[data-v-cd77fcfa]{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--edge);color:var(--text-dim);background:linear-gradient(180deg,var(--raised-hi),var(--raised));box-shadow:var(--shadow-1);transition:color .15s ease,box-shadow .2s ease,transform .12s cubic-bezier(.2,.7,.3,1)}.icon-btn[data-v-cd77fcfa]:hover{color:var(--text)}.icon-btn[data-v-cd77fcfa]:active{transform:translateY(1px)}.icon-btn.is-on[data-v-cd77fcfa]{color:var(--amber-bright);box-shadow:var(--shadow-1),0 0 16px -4px var(--amber-glow),inset 0 0 0 1px #ff9d3c4d}.play[data-v-cd77fcfa]:disabled,.stop[data-v-cd77fcfa]:disabled{filter:saturate(.4) brightness(.7)}.toggle[data-v-cd77fcfa]{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-md);border:1px solid var(--edge);background:linear-gradient(180deg,var(--raised),var(--panel));color:var(--text-dim);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--shadow-1);transition:color .15s ease,box-shadow .18s ease}.toggle[data-v-cd77fcfa]:hover{color:var(--text)}.toggle.is-on[data-v-cd77fcfa]{color:var(--amber-bright);box-shadow:var(--shadow-1),inset 0 0 0 1px #ff9d3c40}.toggle__led[data-v-cd77fcfa]{width:8px;height:8px;border-radius:2px;background:var(--edge)}.toggle.is-on .toggle__led[data-v-cd77fcfa]{background:var(--amber);box-shadow:0 0 9px 1px var(--amber-glow)}.preroll[data-v-cd77fcfa]{display:inline-flex;align-items:center;gap:8px}.metro-btn[data-v-cd77fcfa]{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:var(--r-md);border:1px solid var(--edge);background:linear-gradient(180deg,var(--raised-hi),var(--raised));color:var(--text-dim);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--shadow-1);transition:color .15s ease,box-shadow .18s ease,transform .12s ease}.metro-btn[data-v-cd77fcfa]:hover{color:var(--text)}.metro-btn[data-v-cd77fcfa]:active:not(:disabled){transform:translateY(1px)}.metro-btn[data-v-cd77fcfa]:disabled{opacity:.4;cursor:not-allowed}.metro-btn.is-on[data-v-cd77fcfa]{color:var(--amber-bright);box-shadow:var(--shadow-1),0 0 16px -5px var(--amber-glow),inset 0 0 0 1px #ff9d3c4d;animation:metro-pulse-cd77fcfa 1.4s ease-in-out infinite}@keyframes metro-pulse-cd77fcfa{0%,to{box-shadow:var(--shadow-1),0 0 14px -6px var(--amber-glow),inset 0 0 0 1px #ff9d3c4d}50%{box-shadow:var(--shadow-1),0 0 22px -2px var(--amber-glow),inset 0 0 0 1px #ff9d3c80}}.metro-div[data-v-cd77fcfa]{display:inline-flex;padding:3px;gap:3px;background:#100e0c;border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:var(--inset)}.metro-div__btn[data-v-cd77fcfa]{min-width:34px;padding:6px 8px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:.74rem;transition:background .16s ease,color .16s ease}.metro-div__btn[data-v-cd77fcfa]:hover:not(:disabled){color:var(--text)}.metro-div__btn[data-v-cd77fcfa]:disabled{opacity:.35;cursor:not-allowed}.metro-div__trip[data-v-cd77fcfa]{min-width:28px}.metro-div__btn.is-active[data-v-cd77fcfa]{background:linear-gradient(180deg,var(--raised-hi),var(--raised));border-color:var(--edge);color:var(--amber-bright);box-shadow:var(--shadow-1)}.volume[data-v-cd77fcfa]{display:inline-flex;align-items:center;gap:8px;color:var(--text-faint)}.volume__range[data-v-cd77fcfa]{width:84px;height:4px;border-radius:4px;background:#100e0c;box-shadow:var(--inset);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.volume__range[data-v-cd77fcfa]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(180deg,var(--amber-bright),var(--amber));border:1px solid var(--amber-dim);box-shadow:0 0 8px -2px var(--amber-glow)}.volume__range[data-v-cd77fcfa]::-moz-range-thumb{width:14px;height:14px;border:1px solid var(--amber-dim);border-radius:50%;background:var(--amber)}@keyframes pulse-cd77fcfa{0%,to{box-shadow:var(--shadow-2),0 0 20px -6px var(--amber-glow)}50%{box-shadow:var(--shadow-2),0 0 34px 0 var(--amber-glow)}}@media (max-width: 560px){.transport[data-v-cd77fcfa]{flex-direction:column;align-items:stretch}.cluster[data-v-cd77fcfa]{justify-content:center;flex-wrap:wrap}.metro-panel[data-v-cd77fcfa]{flex-direction:column;align-items:stretch}.metro-panel__controls[data-v-cd77fcfa]{margin-left:0;justify-content:center}.volume[data-v-cd77fcfa]{flex:1 1 140px}.volume__range[data-v-cd77fcfa]{flex:1 1 auto;width:auto;min-width:0}}.score[data-v-16d36ccd]{width:100%;overflow-x:auto;padding:6px 10px 14px}.screen[data-v-a41a9618]{border-radius:var(--r-lg);padding:10px;background:linear-gradient(180deg,#0f0d0b,#171310);border:1px solid var(--edge);box-shadow:var(--inset)}.screen__glass[data-v-a41a9618]{position:relative;min-height:220px;border-radius:var(--r-md);background:linear-gradient(180deg,#fbf6ec,var(--screen));border:1px solid var(--screen-edge);box-shadow:inset 0 0 0 1px #fff6,inset 0 2px 14px #78603c2e,0 0 22px -6px var(--amber-glow);overflow:hidden;display:flex;align-items:center}.screen__glass--boot[data-v-a41a9618]{animation:screen-boot-a41a9618 .55s cubic-bezier(.16,1,.3,1)}@keyframes screen-boot-a41a9618{0%{box-shadow:inset 0 0 0 1px #fff6,inset 0 2px 14px #78603c2e,0 0 46px 2px var(--amber-glow);filter:brightness(1.05)}to{box-shadow:inset 0 0 0 1px #fff6,inset 0 2px 14px #78603c2e,0 0 22px -6px var(--amber-glow);filter:brightness(1)}}.specplate[data-v-a41a9618]{display:flex;flex-wrap:wrap;gap:4px 22px;margin:10px 4px 2px;padding:8px 4px 0}.specplate>div[data-v-a41a9618]{display:flex;align-items:baseline;gap:7px}.specplate dt[data-v-a41a9618]{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.specplate dd[data-v-a41a9618]{margin:0;font-family:var(--font-mono);font-size:.86rem;font-weight:500;color:var(--amber-bright)}.specplate dd small[data-v-a41a9618]{margin-left:3px;font-size:.58rem;color:var(--text-faint);letter-spacing:.08em}.screen__empty[data-v-a41a9618]{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center}.screen__empty-glyph[data-v-a41a9618]{font-size:2.4rem;color:#b9ac93;line-height:1}.screen__empty-text[data-v-a41a9618]{max-width:42ch;color:#6b6252;font-size:.95rem}.screen__empty-text strong[data-v-a41a9618]{color:var(--amber-dim);font-weight:600}