.app{max-width:920px;margin:0 auto;padding:32px 20px 48px;display:flex;flex-direction:column;min-height:100%}.app__header{margin-bottom:28px}.app__title{margin:0;font-size:32px;font-weight:700;letter-spacing:-.5px}.app__title-accent{color:var(--accent)}.app__tagline{margin:6px 0 0;color:var(--muted);font-size:14px;display:flex;align-items:center;gap:10px}.app__milestone{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:2px 9px}.app__main{flex:1;display:flex;flex-direction:column;gap:20px}.app__footer{margin-top:32px;color:var(--muted);font-size:12px;text-align:center}.filedrop{border:1.5px dashed var(--border);border-radius:14px;background:var(--panel);padding:34px 24px;text-align:center;transition:border-color .15s,background .15s,transform .05s;-webkit-user-select:none;user-select:none}.filedrop:hover,.filedrop:focus-visible{border-color:var(--accent-strong);outline:none}.filedrop--drag{border-color:var(--accent-strong);background:var(--panel-2)}.filedrop--busy{opacity:.7;pointer-events:none}.filedrop__icon{font-size:30px;margin-bottom:8px}.filedrop__text{font-size:15px}.filedrop__text strong{color:var(--text)}.filedrop__hint{margin-top:6px;color:var(--muted);font-size:12px}.notice{border-radius:10px;padding:12px 14px;font-size:14px}.notice--error{background:#ff5c7a1a;border:1px solid rgba(255,92,122,.4);color:#ffb3c1}.parts{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.parts__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.parts__title{margin:0;font-size:20px;font-weight:700}.parts__sens{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.parts__sens input{width:120px;accent-color:var(--accent-strong)}.parts__intro{margin:6px 0 14px;color:var(--muted);font-size:13px;line-height:1.5}.parts__strip{position:relative;height:46px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.parts__seg{position:absolute;top:0;bottom:0;min-width:16px;border:none;border-right:1px solid rgba(11,14,19,.6);color:#10151d;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .12s}.parts__seg.is-dim{opacity:.32}.parts__legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.parts__chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:13px;padding:5px 11px;border-radius:999px;cursor:pointer}.parts__chip:hover{border-color:var(--accent-strong)}.parts__chip.is-active{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-strong) inset}.parts__swatch{width:12px;height:12px;border-radius:3px}.parts__count{color:var(--muted)}.harp__scope{margin-left:10px;font-size:12px;font-weight:600;color:#fff;background:var(--accent-strong);border-radius:999px;padding:2px 10px;vertical-align:middle}.harp{margin-top:28px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.harp__title{margin:0 0 8px;font-size:20px;font-weight:700}.harp__intro{margin:0 0 6px;color:var(--muted);font-size:13px;line-height:1.5}.harp__intro strong{color:var(--text)}.harp__range{margin:0 0 14px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.hpick{position:relative}.hpick__trigger{width:100%;display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;text-align:left;transition:border-color .12s}.hpick__trigger:hover,.hpick__trigger:focus-visible,.hpick__trigger.is-open{border-color:var(--accent-strong);outline:none}.hpick__placeholder{flex:1;color:var(--muted);font-size:14px}.hpick__chev{flex:none;margin-left:auto;color:var(--muted);font-size:10px}.hpick__menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:var(--panel);border:1px solid var(--accent-strong);border-radius:10px;box-shadow:0 12px 34px #0000008c;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.hpick__opt{width:100%;text-align:left;background:transparent;border:none;border-radius:8px;padding:9px 10px;color:var(--text);cursor:pointer}.hpick__opt:hover{background:var(--panel-2)}.hpick__opt.is-active{background:#1b2536;box-shadow:0 0 0 1px var(--accent-strong) inset}.hpick__row{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.hpick__title{font-size:15px;font-weight:700;letter-spacing:-.2px}.hpick__key{color:var(--accent)}.hpick__tuning{color:var(--text);font-weight:600}.hpick__status{font-size:12px;font-weight:600}.hpick__status.is-ok{color:#8fe0ad}.hpick__status.is-warn{color:#ffc879}.hpick__detail{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.harp__selected{margin-top:16px}.harp__bodytext{margin:0 0 6px;font-size:13px;color:var(--muted);line-height:1.5}.harp__details{margin:6px 0 0;display:flex;flex-direction:column;gap:3px;font-size:13px;font-variant-numeric:tabular-nums}.harp__oct{color:var(--accent)}.harp__unreach{display:block;margin-top:8px;font-size:12px;color:#ffc879}.hroll-wrap{margin-top:14px;display:flex;flex-direction:column;gap:8px}.hroll__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hroll__title{font-size:13px;font-weight:600}.hroll__legend{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.hroll__swatch{display:inline-block;width:12px;height:12px;border-radius:3px;margin-left:8px;vertical-align:middle}.hroll__swatch--blow{background:#6ea0ff}.hroll__swatch--draw{background:#ffb347}.hroll__swatch--sblow{background:#46c46a}.hroll__swatch--sdraw{background:#e0443e}.hroll__swatch--retuned{background:transparent;border:1px dashed #fff}.hroll{width:100%}.hroll__tools{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:8px}.hroll__slide{width:auto;margin-right:auto}.hroll__slide.is-on{border-color:var(--accent-strong);color:#46c46a}.hroll__grid{display:grid;grid-template-columns:74px minmax(0,1fr);grid-template-rows:auto auto;column-gap:0;row-gap:6px;align-items:start}.hroll__gutter{grid-column:1;grid-row:1;display:block;width:74px;height:250px;border-radius:8px 0 0 8px;background:#0b0e13}.hroll__scroll{grid-column:2;grid-row:1;border-radius:0 8px 8px 0}.hroll__ctrl{grid-column:2;grid-row:2}.hroll__canvas{display:block;height:250px;background:#0b0e13}.progress{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.progress__label{font-size:14px;color:var(--text);font-variant-numeric:tabular-nums}.progress__track{height:8px;border-radius:999px;background:var(--panel-2);overflow:hidden}.progress__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-strong),var(--accent));transition:width .15s ease}.mixer{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px}.mixer__end{font-size:12px;color:var(--muted);white-space:nowrap}.mixer__slider{width:160px;accent-color:var(--accent-strong)}.roll-legend{margin:0;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.swatch{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle}.swatch--hi{background:#6ea0ff}.swatch--lo{background:#ffaa46}.swatch--ghost{background:#ff5c7a66;border:1px dashed #ff5c7a}.badge-dot{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#ffb347;color:#241700;font-size:9px;font-weight:700;vertical-align:middle}.muted{color:var(--muted)}.player__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:13px;padding:7px 12px;border-radius:8px;transition:background .12s,border-color .12s,opacity .12s}.btn:hover:not(:disabled){border-color:var(--accent-strong)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn--primary:hover:not(:disabled){background:#5a90ff}.btn--sm{font-size:12px;padding:5px 10px}.collapsible{background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.collapsible__head{list-style:none;cursor:pointer;padding:12px 16px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.collapsible__head::-webkit-details-marker{display:none}.collapsible__head:before{content:"▸";color:var(--muted);transition:transform .12s}.collapsible[open] .collapsible__head:before{transform:rotate(90deg)}.collapsible__sub{color:var(--muted);font-size:12px;font-weight:400}.collapsible__body{padding:0 6px 6px}.collapsible__body .pp{border:none;background:transparent;padding:8px 10px 10px}.pp{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.pp__col{display:flex;flex-direction:column;gap:9px}.pp__title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--accent)}.pp__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pp__label{font-size:13px;color:var(--muted);min-width:78px}.pp__select,.pp__num{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:5px 8px;font-size:13px;font-family:inherit}.pp__num{width:66px}.pp__unit{font-size:12px;color:var(--muted)}.pp__range{flex:1;min-width:90px;accent-color:var(--accent-strong)}.pp__val{font-size:12px;color:var(--text);font-variant-numeric:tabular-nums;min-width:44px;text-align:right}.pp__note{font-size:11px;color:var(--muted)}.viewtoggle{display:inline-flex;gap:4px;padding:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;align-self:flex-start}.viewtoggle__btn{border:none;background:transparent;color:var(--muted);font-size:13px;padding:6px 14px;border-radius:7px;transition:background .12s,color .12s}.viewtoggle__btn:hover{color:var(--text)}.viewtoggle__btn.is-active{background:var(--accent-strong);color:#fff}.sheet{display:flex;flex-direction:column;gap:8px}.sheet__bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet__hint{color:var(--muted);font-size:12px}.sheet__paper{position:relative;background:#fbfbfa;color:#14181f;border-radius:8px;padding:6px 4px;overflow-x:auto}.sheet__paper svg{color:#14181f}.sheet__paper svg path,.sheet__paper svg text{fill:#14181f}.sheet__cursor{position:absolute;top:0;left:0;width:2.5px;background:var(--accent-2);border-radius:2px;opacity:0;pointer-events:none;transition:transform .06s linear,opacity .1s;will-change:transform}@media print{body{background:#fff}body *{visibility:hidden}.sheet__paper,.sheet__paper *{visibility:visible}.sheet__paper{position:absolute;left:0;top:0;width:100%;background:#fff;overflow:visible}.sheet__cursor{display:none}}.names{display:flex;flex-direction:column;gap:10px}.names__hint{color:var(--muted);font-size:12px}.names__empty{color:var(--muted);font-size:14px;padding:12px}.names__list{display:flex;flex-wrap:wrap;gap:6px}.names__group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;transition:opacity .12s}.names__group.is-dim{opacity:.4}.names__grouphead{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.names__gdot{width:11px;height:11px;border-radius:3px}.namechip{font-variant-numeric:tabular-nums;font-size:14px;padding:5px 9px;border-radius:7px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);min-width:34px;text-align:center;cursor:pointer;font-family:inherit;transition:background .1s,border-color .1s}.namechip:hover{border-color:var(--accent-strong)}.namechip.is-marked{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.namechip.is-active{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.editor{display:flex;flex-direction:column;gap:8px}.editor__bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.editor__hint{color:var(--muted);font-size:12px}.editor__selgroup{display:inline-flex;align-items:center;gap:8px}.editor__selinfo{color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums;min-width:90px}.editor__selinfo--empty{color:var(--muted)}.editor__delete{border:1px solid rgba(255,92,122,.5);background:#ff5c7a1f;color:#ffb3c1;font-size:13px;padding:6px 12px;border-radius:8px;white-space:nowrap}.editor__delete:hover{background:#ff5c7a38;border-color:#ff5c7a}.editor__delete:active{background:#ff5c7a52}.editor__zoom{margin-left:auto;display:inline-flex;gap:4px}.iconbtn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:13px;min-width:30px;height:28px;padding:0 8px;border-radius:7px}.iconbtn:hover{border-color:var(--accent-strong)}.editor__scroll{width:100%;overflow-x:auto;border-radius:8px;background:#0b0e13;scrollbar-width:none}.editor__scroll::-webkit-scrollbar{display:none}.editor__canvas{display:block;height:320px;touch-action:none}.editor__scrollctrl{display:flex;align-items:center;gap:8px;margin-top:6px}.editor__scrollbtn{flex:0 0 auto;width:44px;height:22px;padding:0;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:7px;font-size:18px;line-height:1;touch-action:none;transition:background .12s,border-color .12s,opacity .12s}.editor__scrollbtn:hover:not(:disabled){border-color:var(--accent-strong)}.editor__scrollbtn:active:not(:disabled){background:var(--accent-strong)}.editor__scrollbtn:disabled{opacity:.3}.editor__scrolltrack{position:relative;flex:1 1 auto;min-width:0;height:20px;border-radius:8px;background:var(--panel-2);overflow:hidden;touch-action:none}.editor__scrollthumb{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:8px;background:#4a5870;cursor:grab;touch-action:none;will-change:transform}.editor__scrollthumb:hover{background:#5f7290}.editor__scrollthumb:active,.editor__scrollthumb.is-dragging{background:var(--accent-strong);cursor:grabbing}.player{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:16px}.player__abcnote{margin:0;padding:10px 12px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:13px}.waveform{width:100%}.waveform__canvas{display:block;width:100%;border-radius:8px;background:#0b0e13;cursor:pointer}.transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.transport__btn{width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s}.transport__btn:hover{border-color:var(--accent-strong)}.transport__btn--primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.transport__btn--primary:hover{background:#5a90ff}.transport__time{font-variant-numeric:tabular-nums;font-size:15px;letter-spacing:.3px}.transport__sep,.transport__total{color:var(--muted)}.transport__hint{margin-left:auto;color:var(--muted);font-size:12px}.player__meta{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;border-top:1px solid var(--border);padding-top:14px}.player__meta div{display:flex;flex-direction:column;gap:2px}.player__meta dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.player__meta dd{margin:0;font-size:14px;font-variant-numeric:tabular-nums}.unique{padding:4px 2px 8px}.unique__intro,.unique__empty{color:var(--muted);font-size:.85rem;margin:0 0 14px}.unique__intro strong{color:var(--text)}.unique__chart{display:flex;flex-direction:column;gap:4px}.unique__row{display:grid;grid-template-columns:2.4rem 1fr 2.2rem;align-items:center;gap:10px}.unique__name{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.unique__track{height:16px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;overflow:hidden}.unique__bar{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,var(--accent-strong),var(--accent));border-radius:3px 0 0 3px}.unique__row.is-active .unique__name{color:#ff5c7a}.unique__row.is-active .unique__bar{background:#ff5c7a}.unique__count{text-align:right;color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.unique__subhead{margin:18px 0 8px;font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.unique__keys{display:flex;flex-wrap:wrap;gap:6px}.unique__key{display:inline-flex;align-items:baseline;gap:4px;padding:3px 8px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:.82rem;font-variant-numeric:tabular-nums}.unique__keycount{color:var(--muted);font-size:.7rem}.unique__key.is-active{border-color:#ff5c7a;background:#ff5c7a2e;color:#ffb3c1}.tpanel__intro{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.5}.tpanel__intro strong{color:var(--text)}.tpanel__presets{display:flex;gap:8px;margin-bottom:14px}.tpanel__presets .iconbtn{width:auto;height:auto;padding:6px 12px;font-size:13px}.tpanel__row{display:grid;grid-template-columns:6.5rem 1fr 3.5rem;align-items:center;gap:10px;margin-bottom:10px;font-size:13px}.tpanel__label{color:var(--muted)}.tpanel__row input[type=range]{width:100%;accent-color:var(--accent-strong)}.tpanel__val{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}:root{--bg: #0e1116;--panel: #161b22;--panel-2: #1c232d;--border: #2a323d;--text: #e6edf3;--muted: #8b949e;--accent: #6ea0ff;--accent-strong: #3f7cff;--accent-2: #ff5c7a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#182030 0%,var(--bg) 60%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}