:root{--bg:var(--tg-theme-bg-color,#131217);--surface:var(--tg-theme-secondary-bg-color,#1b1a21);--fg:var(--tg-theme-text-color,#eceae4);--muted:var(--tg-theme-hint-color,#8f8c84);--border:#ffffff12;--border-strong:#ffffff24;--accent:#d9a54a;--accent-ink:#16130c;--ok:#7fbf7f;--warn:#d98a6a;--voice-1:#d9a54a;--voice-2:#7aa5c9;--voice-3:#9c8fc9;--voice-4:#7fbf9f;--radius:8px;--ctl-h:32px;--font:-apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace}@media (prefers-color-scheme:light){:root{--bg:var(--tg-theme-bg-color,#faf8f4);--surface:var(--tg-theme-secondary-bg-color,#f1eee7);--fg:var(--tg-theme-text-color,#171512);--muted:var(--tg-theme-hint-color,#7d7a72);--border:#00000014;--border-strong:#00000029;--accent:#b07f24}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}.mono{font-family:var(--mono);font-size:12px}.muted{color:var(--muted)}.error{color:var(--warn);margin:0}.shell{height:var(--tg-viewport-stable-height,100dvh);flex-direction:column;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 12px;display:flex}.topbar .wordmark{letter-spacing:.02em}.topbar .readout{text-align:right}.screen{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:auto}.subject,.result{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.error-strip{border-top:1px solid var(--border);padding:6px 12px}.tabbar{border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);align-items:stretch;display:flex}.tab{color:var(--muted);font-family:var(--mono);text-transform:lowercase;cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;flex:1;padding:12px 0;font-size:13px}.tab.active{color:var(--fg);border-top-color:var(--accent)}.tab-cta{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);cursor:pointer;border:none;flex:none;margin:6px;padding:0 16px;font-size:14px;font-weight:500;transition:transform .12s cubic-bezier(.4,0,.2,1)}.tab-cta:active:not(:disabled){transform:scale(.985)}.durations{border:1px solid var(--border-strong);border-radius:var(--radius);display:flex;overflow:hidden}.dur{color:var(--muted);font-family:var(--mono);height:var(--ctl-h);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:14px;line-height:1}.dur.num{padding:0 7px;font-size:12px}.seed-row{align-items:center;gap:6px;display:flex}.seed-row input{flex:1;min-width:0}.dur.active{background:var(--accent);color:var(--accent-ink)}button.ghost{border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--fg);height:var(--ctl-h);cursor:pointer;background:0 0;padding:0 12px;font-size:13px;transition:border-color .15s cubic-bezier(.4,0,.2,1)}button.ghost:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}select,input[type=number]{background:var(--surface);color:var(--fg);border:1px solid var(--border-strong);height:var(--ctl-h);font-size:13px;font-family:var(--mono);border-radius:6px;padding:0 8px}input[type=number]{width:72px}input[type=range]{accent-color:var(--accent);width:130px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.spacer{flex:1}.hint{margin:0;font-size:12px}.subject-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.subject-select{flex:none}.subject-select.grow{flex:1;min-width:0}.roll-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:1;min-height:0;overflow:auto}.piano-roll,.staff-roll{touch-action:pan-x pan-y;display:block}.text-input{min-width:0;height:var(--ctl-h);font-size:13px;font-family:var(--mono);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:0 10px}.text-input:focus{border-color:var(--accent);outline:none}.library-select{max-width:130px}.upload-report{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.dismiss{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.piano-roll .note{touch-action:none;fill:var(--accent);cursor:grab}.piano-roll .note.playing{fill:var(--fg)}.piano-roll .row{fill:#ffffff0d}.piano-roll .row-black{fill:#00000014}.piano-roll .row-label{fill:var(--muted);font-family:var(--mono);text-anchor:end;font-size:9px}.piano-roll .grid-16th{stroke:#8080800f}.piano-roll .grid-32nd{stroke:#80808008}.piano-roll .rest-band{fill:#d9a54a1a}.piano-roll .rest-band-label{fill:var(--accent);opacity:.85;font-size:15px}.piano-roll .grid-beat{stroke:#80808024}.piano-roll .grid-bar{stroke:#8080804d}.piano-roll .grid-octave{stroke:#8080802e}.staff{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.staff-palette{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.staff-palette .dur{min-width:32px;min-height:32px;font-size:16px}.staff-selbar{flex-wrap:wrap;gap:6px;display:flex}.staff-selbar .ghost{min-width:32px;min-height:32px;padding:4px 8px}.staff-roll .staff-line,.staff-roll .bar-line{stroke:var(--muted);stroke-width:1px;opacity:.55}.staff-roll .ledger{stroke:var(--muted);stroke-width:1px;opacity:.7}.staff-roll .head{fill:var(--fg);stroke:none}.staff-roll .head.hollow{fill:none;stroke:var(--fg);stroke-width:1.5px}.staff-roll .head.sel{fill:var(--accent);stroke:var(--accent)}.staff-roll .stem,.staff-roll .flag,.staff-roll .clef-stroke{stroke:var(--fg);stroke-width:1.4px;fill:none}.staff-roll .glyph line{stroke:var(--fg);stroke-width:1px}.staff-roll .glyph line.thick{stroke-width:2.4px}.staff-roll .glyph .filled-none{fill:none;stroke:var(--fg);stroke-width:1.4px}.staff-roll .rest-fill{fill:var(--muted);stroke:none}.staff-roll .rest-stroke{stroke:var(--muted);stroke-width:1.6px;fill:none}.staff-roll .rest-sel .rest-fill{fill:var(--accent)}.staff-roll .rest-sel .rest-stroke{stroke:var(--accent)}.staff-roll .timesig{fill:var(--fg);font-family:var(--font);font-size:15px;font-weight:600}.params{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:560px){.params{grid-template-columns:1fr}}.params-group{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.params-group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:center;margin:0 0 4px;font-size:12px;font-weight:500;display:flex}.field{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-label{color:var(--muted);font-size:13px}.field .inline{align-items:center;gap:8px;display:flex}.params-group.adv{grid-column:1/-1;display:block}.params-group summary{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:pointer;margin:0;font-size:12px;font-weight:500;list-style:none}.params-group summary::-webkit-details-marker{display:none}.adv-fields{flex-direction:column;gap:8px;margin-top:8px;display:flex}.entry-order{background:var(--surface);width:120px;color:var(--fg);border:1px solid var(--border-strong);height:var(--ctl-h);font-size:13px;font-family:var(--mono);border-radius:6px;padding:0 8px}.entry-warn{font-size:11px}.result-seg{align-self:flex-start}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.result-meta{color:var(--muted);gap:16px;display:flex}.result-meta .ok{color:var(--ok)}.result-meta .warn{color:var(--warn)}.tuning-notes{flex-direction:column;gap:2px;display:flex}.tuning-notes .tuning-label{text-transform:uppercase;letter-spacing:.08em}.tuning-notes ul{margin:0;padding-left:16px}.result-scroll{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:1;min-height:0;overflow:auto}.result-roll{display:block}.result-roll .playhead{stroke:var(--fg);stroke-width:1.5px;opacity:.8;pointer-events:none}.result-roll .roll-note.sounding{stroke:var(--fg);stroke-width:1px}.section-band{fill:#8080801a}.section-band.alt{fill:#8080800a}.section-label{fill:var(--muted);font-family:var(--mono);font-size:9px}.section-reroll{fill:var(--accent);cursor:pointer;font-size:11px}.section-reroll:hover{fill:var(--fg)}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.chain{min-height:18px;color:var(--muted)}.player{width:100%}.export-block{flex-direction:column;gap:8px;display:flex}.downloads{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.deliver-field{gap:6px}.downloads a{color:var(--accent);border-bottom:1px solid #0000;font-size:13px;text-decoration:none}.downloads a:hover{border-bottom-color:var(--accent)}.download-all{text-align:center;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--fg);padding:11px;font-size:14px;text-decoration:none;transition:border-color .15s cubic-bezier(.4,0,.2,1);display:block}.download-all:hover{border-color:var(--accent)}.download-all.disabled{opacity:.45;cursor:not-allowed}.score-scroll{flex:1;min-height:0;overflow-y:auto}.score{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:hidden}.score svg{width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){*{transition:none!important}}