:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{color:#e6e6e6;background:#16181d;margin:0}.app{flex-direction:column;gap:1rem;max-width:1100px;margin:0 auto;padding:1.5rem;display:flex}.app.error{color:#ff7a7a}header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}h1{margin:0;font-size:1.1rem}h2{color:#9aa4b2;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem;font-size:.9rem}.pill{color:#9aa4b2;background:#232733;border-radius:999px;padding:.25rem .6rem;font-size:.8rem}section{background:#1c1f26;border:1px solid #2a2f3a;border-radius:10px;padding:.9rem}button{color:#e6e6e6;cursor:pointer;background:#2a2f3a;border:1px solid #3a4150;border-radius:6px;padding:.35rem .7rem;font-size:.85rem}button:hover{background:#343b49}label{color:#9aa4b2;align-items:center;gap:.4rem;font-size:.8rem;display:inline-flex}input[type=range]{width:110px}input[type=number]{color:#e6e6e6;background:#12141a;border:1px solid #2a2f3a;border-radius:4px;width:4.5rem;padding:.2rem}select{color:#e6e6e6;background:#12141a;border:1px solid #2a2f3a;border-radius:4px;padding:.2rem}.transport,.add-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.track-head{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.track-head small{color:#667}.steps{gap:3px;margin-bottom:.6rem;display:grid}.step{aspect-ratio:1;background:#232733;border:1px solid #2f3542;border-radius:3px;min-width:14px;padding:0}.step.bar{border-left:2px solid #4a5468}.step.on{background:#4f8cff;border-color:#6ba0ff}.pianoroll{border:1px solid #2a2f3a;border-radius:6px;max-height:340px;margin-bottom:.6rem;overflow:auto}.pr-grid{touch-action:none;background:#14171d;gap:1px;min-width:min-content;padding:2px;display:grid}.pr-label{color:#8a93a3;font-variant-numeric:tabular-nums;background:#1c1f26;justify-content:flex-end;align-items:center;padding:0 .3rem;font-size:.62rem;display:flex;position:sticky;left:0}.pr-label.dark{color:#5a6273}.pr-cell{background:#232733;border:none;border-radius:2px;min-width:14px;height:15px;padding:0}.pr-cell.dark{background:#1e222c}.pr-cell.beat{box-shadow:inset 1px 0 #303748}.pr-cell.bar{box-shadow:inset 2px 0 #4a5468}.pr-cell:hover{background:#343b49}.pr-cell.on{background:#4f8cff}.pr-cell.on:hover{background:#6ba0ff}.pr-cell.tail{background:#35548c}.pr-cell.tail:hover{background:#40639f}.pr-cell.preview{background:#6ba0ff}.sliders{flex-wrap:wrap;gap:.9rem;display:flex}.val{color:#cfd6e2;font-variant-numeric:tabular-nums;text-align:right;min-width:2.6em}details.params{margin-top:.2rem}details.params summary{cursor:pointer;color:#9aa4b2;-webkit-user-select:none;user-select:none;font-size:.8rem}.param-group{border-top:1px dashed #2a2f3a;align-items:baseline;gap:.8rem;padding:.35rem 0;display:flex}.param-group:first-of-type{border-top:none;margin-top:.4rem}.group-name{color:#667;text-transform:uppercase;letter-spacing:.05em;flex:0 0 5.5rem;font-size:.72rem}.cost-ticker{color:#889;margin-bottom:.4rem;font-size:.75rem}.dev-drawer{color:#889;margin-top:.5rem;font-size:.75rem}.dev-drawer summary{cursor:pointer}.dev-drawer-body{flex-direction:column;gap:.3rem;padding:.3rem 0 0 1rem;display:flex}.dev-drawer-body label{align-items:center;gap:.4rem;display:flex}.dev-drawer-body p{color:#667;margin:0}.cost-ticker summary{cursor:pointer}.cost-breakdown{color:#667;flex-wrap:wrap;gap:.2rem .8rem;padding:.25rem 0 0 1rem;display:flex}.claude-row{align-items:center;gap:.5rem;display:flex}.claude-row input[type=text]{color:#e6e6e6;background:#12141a;border:1px solid #2a2f3a;border-radius:6px;flex:1;padding:.4rem .6rem;font-size:.85rem}.auto-row{margin-top:.5rem}.taste-notes{color:#e6e6e6;background:#12141a;border:1px solid #2a2f3a;border-radius:6px;width:100%;margin-top:.6rem;padding:.4rem .6rem;font-size:.8rem}.claude-log{background:#12141a;border:1px solid #2a2f3a;border-radius:6px;max-height:200px;margin-top:.6rem;padding:.5rem .7rem;font-size:.8rem;overflow:auto}.claude-log p{white-space:pre-wrap;margin:.15rem 0}.cl-info{color:#667}.cl-tool{color:#9f6bff;font-family:ui-monospace,monospace}.cl-error{color:#ff7a7a}.cl-text{color:#cfd6e2}.cl-time{color:#454c5c;-webkit-user-select:none;user-select:none;margin-right:.55em;font-family:ui-monospace,monospace;font-size:.85em}.arrangement{overflow-x:auto}.arrangement svg{width:100%;display:block}.arr-lanebg{fill:#14171d}.arr-barline{stroke:#2a2f3a;stroke-width:1px}.arr-bartext{fill:#5a6273;font-size:9px}.arr-label{fill:#9aa4b2;font-size:10px}.arr-note{fill:#4f8cff;rx:1}.arr-playhead{stroke:#ffb04f;stroke-width:1.5px}.routing-graph{margin-bottom:.8rem}.routing-graph svg{width:100%;max-width:780px;display:block}.rg-edge{fill:none;stroke:#4a5468;stroke-width:1.5px;cursor:pointer}.rg-edge:hover{stroke:#ff7a7a;stroke-width:2.5px}.rg-node rect{fill:#232733;stroke:#3a4150}.rg-node.rg-inst rect{stroke:#4f8cff}.rg-node.rg-fx rect{stroke:#9f6bff}.rg-node.rg-master rect{stroke:#ffb04f}.rg-node text{fill:#cfd6e2;text-anchor:middle;font-size:11px}.routing ul{flex-direction:column;gap:.3rem;margin:0 0 .6rem;padding:0;list-style:none;display:flex}.routing li{align-items:center;gap:.6rem;font-size:.85rem;display:flex}.routing div{gap:.5rem;display:flex}.state textarea{color:#9fe8a8;background:#12141a;border:1px solid #2a2f3a;border-radius:6px;width:100%;margin-top:.6rem;font-family:ui-monospace,monospace;font-size:.72rem}.state div{gap:.5rem;display:flex}.toast{z-index:100;pointer-events:none;color:#e6e6e6;background:#232733;border:1px solid #3a4150;border-radius:8px;max-width:80vw;padding:.5rem 1rem;font-size:.85rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast-error{color:#ff9a9a;background:#2a1c22;border-color:#6b3440}.toast-info{color:#9fe8a8;background:#1c2a21;border-color:#2f4a38}.restore-offer{pointer-events:auto;align-items:center;gap:.6rem;display:flex;bottom:4rem}.restore-offer button{font-size:.9rem}.player-sub{color:#9aa4b2;margin-left:.35rem;font-size:.8rem;font-weight:400}.player-actions button{padding:.5rem 1.2rem;font-size:1rem}.player-footer{color:#6b7482;text-align:center;font-size:.8rem}.demo-footer-lines{margin-top:.35rem;display:block}.demo-footer-lines span{display:block}.demo-footer-lines a{color:#8fa3bd}.demo-note{color:#9aa7b8;margin:0 0 .5rem;font-size:.85rem}.demo-note a{color:#8fa3bd}