.midi-player-module__N0x0BG__page{color:#1f2733;background-color:#f3f5f8;flex-direction:column;min-height:100vh;font-family:Zen Kaku Gothic New,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;display:flex}.midi-player-module__N0x0BG__main{flex-direction:column;flex:1;gap:14px;width:100%;max-width:1140px;margin:0 auto;padding:22px 14px 32px;display:flex}@media (min-width:768px){.midi-player-module__N0x0BG__main{gap:18px;padding:28px 20px 40px}}.midi-player-module__N0x0BG__hero{background-color:#fff;border:1px solid #d6dde8;border-radius:14px;gap:6px;padding:14px 16px;display:grid}.midi-player-module__N0x0BG__title{letter-spacing:.01em;margin:0;font-size:1.45rem;line-height:1.3}.midi-player-module__N0x0BG__subtitle{color:#50607a;margin:0;font-size:.9rem;line-height:1.7}.midi-player-module__N0x0BG__layout{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}@media (min-width:980px){.midi-player-module__N0x0BG__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}}.midi-player-module__N0x0BG__panel{background-color:#fff;border:1px solid #d6dde8;border-radius:14px;gap:12px;padding:14px;display:grid}@media (min-width:768px){.midi-player-module__N0x0BG__panel{gap:14px;padding:16px}}@media (min-width:980px){.midi-player-module__N0x0BG__fullWidthPanel{grid-column:1/-1}}.midi-player-module__N0x0BG__sectionHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.midi-player-module__N0x0BG__sectionTitle{letter-spacing:.01em;margin:0;font-size:1rem;font-weight:700}.midi-player-module__N0x0BG__subTitle{color:#2c3f5a;margin:0;font-size:.9rem;font-weight:700}.midi-player-module__N0x0BG__rollMeta{color:#5b6d87;font-family:JetBrains Mono,Menlo,monospace;font-size:.76rem}.midi-player-module__N0x0BG__statusPill{color:#4a5a72;letter-spacing:.04em;background-color:#f4f6f9;border:1px solid #cfd7e3;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700}.midi-player-module__N0x0BG__statusPill[data-state=playing]{color:#285a3f;background-color:#ecf6f0;border-color:#b8d4c2}.midi-player-module__N0x0BG__statusPill[data-state=paused]{color:#6f5e2f;background-color:#f7f3e4;border-color:#d6c99e}.midi-player-module__N0x0BG__statusPill[data-state=idle]{color:#4a5a72;background-color:#f4f6f9;border-color:#cfd7e3}.midi-player-module__N0x0BG__statusPill[data-state=loading]{color:#284a86;background-color:#edf4ff;border-color:#b8ccef}.midi-player-module__N0x0BG__fileInputWrap{gap:6px;display:grid}.midi-player-module__N0x0BG__fileInputLabel{color:#44536b;font-size:.82rem;font-weight:600}.midi-player-module__N0x0BG__fileInput{color:#1f2733;background-color:#fff;border:1px solid #c9d2e0;border-radius:10px;padding:8px 10px;font-size:.9rem}.midi-player-module__N0x0BG__statusText{color:#43526a;margin:0;font-size:.82rem;line-height:1.6}.midi-player-module__N0x0BG__errorText{color:#9c2e27;background-color:#fff2f1;border:1px solid #f0c5c1;border-radius:10px;margin:0;padding:8px 10px;font-size:.8rem;line-height:1.6}.midi-player-module__N0x0BG__infoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (min-width:640px){.midi-player-module__N0x0BG__infoGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.midi-player-module__N0x0BG__infoCard{background-color:#fafbfd;border:1px solid #d8e0eb;border-radius:10px;gap:2px;padding:8px 10px;display:grid}.midi-player-module__N0x0BG__infoLabel{color:#6c7a90;letter-spacing:.03em;font-size:.72rem}.midi-player-module__N0x0BG__infoValue{color:#233147;word-break:break-all;font-size:.88rem;font-weight:700}.midi-player-module__N0x0BG__field{gap:6px;display:grid}.midi-player-module__N0x0BG__fieldLabel{color:#44536b;font-size:.82rem;font-weight:600}.midi-player-module__N0x0BG__select{color:#1f2733;background-color:#fff;border:1px solid #c9d2e0;border-radius:10px;width:100%;padding:8px 10px;font-size:.85rem}.midi-player-module__N0x0BG__range{accent-color:#3176c7;width:100%}.midi-player-module__N0x0BG__toggleRow{align-items:center;gap:8px;width:fit-content;display:inline-flex}.midi-player-module__N0x0BG__toggleCheckbox{accent-color:#3176c7;width:16px;height:16px}.midi-player-module__N0x0BG__buttonRow{flex-wrap:wrap;gap:8px;display:flex}.midi-player-module__N0x0BG__primaryButton{cursor:pointer;color:#f6f9ff;background-color:#234f86;border:1px solid #234f86;border-radius:10px;padding:8px 14px;font-size:.82rem;font-weight:700}.midi-player-module__N0x0BG__primaryButton:disabled{cursor:not-allowed;opacity:.55}.midi-player-module__N0x0BG__secondaryButton{cursor:pointer;color:#34455f;background-color:#fff;border:1px solid #b9c5d8;border-radius:10px;padding:8px 14px;font-size:.82rem;font-weight:700}.midi-player-module__N0x0BG__secondaryButton:disabled{cursor:not-allowed;opacity:.55}.midi-player-module__N0x0BG__timelineWrap{background-color:#fafbfd;border:1px solid #d8e0eb;border-radius:10px;gap:6px;padding:10px;display:grid}.midi-player-module__N0x0BG__timelineMeta{color:#5c6c83;justify-content:space-between;align-items:center;font-family:JetBrains Mono,Menlo,monospace;font-size:.74rem;display:flex}.midi-player-module__N0x0BG__timeline{accent-color:#3176c7;width:100%}.midi-player-module__N0x0BG__partSection{background-color:#fafbfd;border:1px solid #d8e0eb;border-radius:10px;gap:8px;padding:10px;display:grid}.midi-player-module__N0x0BG__partList{gap:8px;max-height:320px;padding-right:2px;display:grid;overflow-y:auto}.midi-player-module__N0x0BG__partRow{background-color:#fff;border:1px solid #d6dfeb;border-radius:10px;gap:8px;padding:8px;display:grid}@media (min-width:560px){.midi-player-module__N0x0BG__partRow{grid-template-columns:minmax(0,1fr) minmax(240px,.95fr);align-items:center}}.midi-player-module__N0x0BG__partMeta{gap:2px;display:grid}.midi-player-module__N0x0BG__partName{color:#2e3e56;margin:0;font-size:.84rem;font-weight:700}.midi-player-module__N0x0BG__partSub{color:#5b6b82;margin:0;font-size:.74rem}.midi-player-module__N0x0BG__partControls{gap:8px;display:grid}.midi-player-module__N0x0BG__partVolumeRow{gap:4px;display:grid}.midi-player-module__N0x0BG__partVolumeLabel{color:#4f5f78;font-size:.74rem;font-weight:600}.midi-player-module__N0x0BG__rollControls{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:760px){.midi-player-module__N0x0BG__rollControls{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}}.midi-player-module__N0x0BG__rollViewport{background-color:#0f1725;border:1px solid #d8e0eb;border-radius:10px;max-height:420px;overflow:auto}.midi-player-module__N0x0BG__rollViewport[data-theme=light]{background-color:#f8fafc;border-color:#cad4e2}.midi-player-module__N0x0BG__rollSurface{background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:8.333% 16px;min-width:100%;min-height:220px;position:relative}.midi-player-module__N0x0BG__rollSurface[data-theme=light]{background-image:linear-gradient(90deg,#0f17250b 1px,#0000 1px),linear-gradient(#0f17250b 1px,#0000 1px)}.midi-player-module__N0x0BG__rollNote{pointer-events:none;border-radius:2px;transition:opacity 70ms linear;position:absolute}.midi-player-module__N0x0BG__rollNote[data-active=true]{box-shadow:0 0 0 1px #ffffff47}.midi-player-module__N0x0BG__playhead{will-change:left;pointer-events:none;background-color:#e6f4ff;width:2px;transition:left .12s linear,background-color .12s,box-shadow .12s;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 6px #cce9ff73}.midi-player-module__N0x0BG__playhead[data-wrap-reset=true]{transition:none}