.song-midi-preview{--song-midi-roll-height:200px;--song-midi-accent:var(--accent,#7ce3ff);--song-midi-accent-2:var(--accent-2,#8ef0c2);--song-midi-sample-band:#8ef0c21a;--song-midi-sticky-height:calc(69px + env(safe-area-inset-bottom,0px));min-width:0;color:var(--text,#eaf4ff);background:#09101c99;border:1px solid #94c5ff29;border-radius:18px;gap:16px;padding:20px;display:grid}.song-midi-preview-drawer{border-radius:14px;padding:16px}.song-midi-ready,.song-midi-ready section{gap:10px;min-width:0;display:grid}.song-midi-ready{gap:20px}.song-midi-song{gap:4px;min-width:0;display:grid}.song-midi-title{overflow-wrap:anywhere;margin:0;font-size:1.15rem;line-height:1.3}.song-midi-meta,.song-midi-caption,.song-midi-muted,.song-midi-fallback{color:#d6e7ff9e;margin:0;font-size:.8rem;line-height:1.45}.song-midi-meta{font-variant-numeric:tabular-nums;color:#d6e7ffc7;font-size:.86rem}.song-midi-fallback{color:#ffdebdeb;background:#ffb86b14;border:1px solid #ffb86b59;border-radius:10px;padding:8px 12px}.song-midi-subheading{letter-spacing:.06em;text-transform:uppercase;color:#d6e7ffb3;margin:0;font-size:.78rem;font-weight:700}.song-midi-outline{inline-size:100%;min-height:12px;position:relative}.song-midi-roll{inline-size:100%;block-size:var(--song-midi-roll-height);background:#060b14b3;border:1px solid #94c5ff1f;border-radius:12px;position:relative;overflow:hidden}.song-midi-roll-canvas,.song-midi-outline-canvas{block-size:100%;inline-size:100%;display:block}.song-midi-roll-playhead{pointer-events:none;background:#fff;inline-size:1.5px;position:absolute;inset-block:0;inset-inline-start:calc(var(--song-midi-playhead,0) * 100%);box-shadow:0 0 8px #7ce3ffcc}.song-midi-roll-empty{color:#d6e7ff8c;place-items:center;margin:0;font-size:.8rem;display:grid;position:absolute;inset:0}.song-midi-player,.song-midi-timing{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.song-midi-play{border:1px solid color-mix(in srgb, var(--song-midi-accent) 55%, transparent);background:color-mix(in srgb, var(--song-midi-accent) 18%, #0a121ee6);color:#eaf6ff;cursor:pointer;border-radius:999px;min-block-size:44px;min-inline-size:96px;padding-inline:18px;font-weight:700}.song-midi-play:disabled{opacity:.5;cursor:not-allowed}.song-midi-segmented{background:#060b1499;border:1px solid #94c5ff33;border-radius:999px;flex-wrap:wrap;padding:3px;display:inline-flex}.song-midi-segmented button{color:#d6e7ffb8;cursor:pointer;background:0 0;border:0;border-radius:999px;min-block-size:38px;padding-inline:14px;font-size:.84rem;font-weight:600}.song-midi-segmented button[aria-checked=true]{background:color-mix(in srgb, var(--song-midi-accent) 24%, #0c1624f2);color:#fff}.song-midi-timing-label{font-size:.84rem;font-weight:600}.song-midi-lanes{gap:6px;margin:0;padding:0;list-style:none;display:grid}.song-midi-lane{background:#060b1473;border:1px solid #94c5ff1a;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:4px 10px;padding-block:6px;padding-inline:12px 8px;display:grid}.song-midi-lane.is-focused{border-color:color-mix(in srgb, var(--song-midi-accent) 55%, transparent)}.song-midi-lane-swatch{border-radius:3px;block-size:10px;inline-size:10px}.song-midi-lane-name{overflow-wrap:anywhere;min-width:0;font-size:.9rem;font-weight:600}.song-midi-lane-count{color:#d6e7ff99;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem}.song-midi-lane-busy{color:#ffdebdd9;grid-area:2/2/auto/-1;font-size:.76rem}.song-midi-lane-note{color:#d6e7ff99;grid-column:2/-1;font-size:.76rem}.song-midi-chip{color:#eaf6ffdb;cursor:pointer;background:#0c1624cc;border:1px solid #94c5ff3d;border-radius:999px;min-block-size:36px;padding-inline:12px;font-size:.8rem;font-weight:600}.song-midi-chip[aria-pressed=true]{border-color:var(--song-midi-accent);background:color-mix(in srgb, var(--song-midi-accent) 22%, #0c1624f2);color:#fff}.song-midi-chip:disabled{opacity:.45;cursor:not-allowed}.song-midi-more summary{cursor:pointer;color:#d6e7ffc7;align-items:center;min-block-size:36px;font-size:.86rem;font-weight:600;display:flex}.song-midi-error{color:var(--danger,#ff7d7d);margin:0;font-size:.82rem}.song-midi-download-main{border:1px solid color-mix(in srgb, var(--song-midi-accent) 70%, transparent);color:#fff;cursor:pointer;background:linear-gradient(120deg,#7ce3ff47,#8ef0c238);border-radius:14px;min-block-size:48px;inline-size:100%;padding-inline:16px;font-size:.98rem;font-weight:700}.song-midi-download-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:8px;display:grid}.song-midi-download{color:#eaf6ff;text-align:start;overflow-wrap:anywhere;cursor:pointer;background:#0c1624cc;border:1px solid #94c5ff3d;border-radius:12px;min-block-size:42px;padding-inline:12px;font-size:.84rem;font-weight:600}.song-midi-download:hover,.song-midi-chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--song-midi-accent) 60%, transparent)}.song-midi-detected{color:#eaf6ffe6;margin:0;font-size:.86rem;font-weight:600}.song-midi-bundle,.song-midi-unlocked{background:#8ef0c212;border:1px solid #8ef0c24d;border-radius:12px;margin:0;padding:10px 12px;font-size:.84rem}.song-midi-stems-link{color:var(--accent-2,#8ef0c2);font-size:.86rem;font-weight:600}.song-midi-offers{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:start;gap:12px;display:grid}.song-midi-ready .song-midi-offer{border-radius:14px;gap:10px;min-width:0;padding:14px;display:grid}.song-midi-offer-full{border:1.5px solid color-mix(in srgb, var(--song-midi-accent) 70%, transparent);background:color-mix(in srgb, var(--song-midi-accent) 8%, #09101cd9)}.song-midi-offer-sample{background:0 0;border:1px solid #94c5ff3d;scroll-margin-block-end:var(--song-midi-sticky-height);transition:box-shadow .3s,border-color .3s}.song-midi-offer-sample.is-highlighted{border-color:var(--song-midi-accent-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--song-midi-accent-2) 35%, transparent)}.song-midi-offer-heading{margin:0;font-size:1rem;line-height:1.3}.song-midi-offer p{margin:0}.song-midi-offer-body,.song-midi-sample-range,.song-midi-sample-have,.song-midi-nudge{font-size:.86rem;line-height:1.45}.song-midi-nudge{color:var(--song-midi-accent-2);font-weight:600}.song-midi-ready .song-midi-offer .song-midi-download-main,.song-midi-drawer-actions .song-midi-download-main{min-block-size:44px}.song-midi-sample-button{border:1.5px solid color-mix(in srgb, var(--song-midi-accent-2) 75%, transparent);min-block-size:44px;inline-size:100%;color:var(--song-midi-accent-2);cursor:pointer;background:0 0;border-radius:14px;padding-inline:16px;font-size:.94rem;font-weight:700}.song-midi-sample-button:hover{background:color-mix(in srgb, var(--song-midi-accent-2) 10%, transparent)}.song-midi-sample-button[aria-disabled=true]{opacity:.65;cursor:progress}.song-midi-sample-timing{color:#ffdebdf2;font-size:.84rem}.song-midi-sample-live:empty{display:none}.song-midi-sample-live{gap:6px;font-size:.84rem;display:grid}.song-midi-sample-live p{margin:0}.song-midi-sample-done{font-weight:700}.song-midi-sample-steps{gap:4px;margin:0;padding-inline-start:20px;line-height:1.45;display:grid}.song-midi-sample-band-label{white-space:nowrap;text-overflow:ellipsis;color:var(--song-midi-accent-2);margin:0;font-size:.78rem;font-weight:600;overflow:hidden}.song-midi-lock{vertical-align:-1px;opacity:.7;margin-inline-start:6px;display:inline-block}.song-midi-files .song-midi-download-grid{margin-block-start:8px}.song-midi-files .song-midi-download{position:relative}.song-midi-phone-only{color:#d6e7ffb8;margin:0;font-size:.8rem;line-height:1.45;display:none}.song-midi-test-note{color:#ffdebdf2;border:1px dashed #ffb86b8c;border-radius:10px;margin:0;padding:8px 12px;font-size:.8rem}.song-midi-text-button{color:#d6e7ffb8;cursor:pointer;background:0 0;border:0;justify-self:start;min-block-size:36px;padding-inline:4px;font-size:.82rem;text-decoration:underline}.song-midi-drawer-actions,.song-midi-drawer-action{gap:8px;min-width:0;display:grid}.song-midi-drawer-actions{gap:12px}.song-midi-drawer-actions p{margin:0}.song-midi-drawer-sample{border-radius:14px;transition:box-shadow .3s}.song-midi-drawer-sample.is-highlighted{box-shadow:0 0 0 4px color-mix(in srgb, var(--song-midi-accent-2) 35%, transparent)}.song-midi-reviewer{border:1px dashed #94c5ff59;border-radius:12px;gap:8px;padding:10px 12px;display:grid}.song-midi-reviewer-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.song-midi-reviewer-label{font-size:.8rem;font-weight:700}.song-midi-rating{background:#0c162499;border:1px solid #94c5ff2e;border-radius:14px;padding:14px}.song-midi-rating p{margin:0}.song-midi-rating-question{font-weight:700}.song-midi-rating-options{flex-wrap:wrap;gap:8px;display:flex}.song-midi-status{background:#09101c8c;border:1px solid #94c5ff2e;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.song-midi-status>div{gap:6px;min-width:0;display:grid}.song-midi-status strong{font-size:.95rem}.song-midi-status small{color:#d6e7ff9e;font-size:.8rem}.song-midi-spinner{border:2px solid #d6e7ff40;border-block-start-color:var(--song-midi-accent);border-radius:50%;flex:none;block-size:18px;inline-size:18px;animation:.9s linear infinite song-midi-spin}@keyframes song-midi-spin{to{transform:rotate(360deg)}}.song-midi-sticky{display:none}@media (max-width:640px){.song-midi-preview{--song-midi-roll-height:140px;border-radius:14px;padding:16px}.song-midi-sticky{z-index:2;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#07101af0;border-block-start:1px solid #94c5ff2e;margin-block-end:-16px;margin-inline:-16px;display:block;position:sticky;inset-block-end:0}.song-midi-phone-only{display:block}.song-midi-preview-door .song-midi-downloads{padding-block-end:var(--song-midi-sticky-height)}.song-midi-preview-door :is(.song-midi-downloads,.song-midi-rating) :is(button,a,summary){scroll-margin-block-end:var(--song-midi-sticky-height)}.song-midi-lane{grid-template-columns:auto minmax(0,1fr) auto}.song-midi-lane-count{grid-area:2/2}.song-midi-lane-busy{grid-row:3}}@media (prefers-reduced-motion:reduce){.song-midi-spinner{animation:none}.song-midi-offer-sample,.song-midi-drawer-sample{transition:none}}