:root{--mp3-o:#b3123f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--mp3-o:#ff6f8c}}:root[data-theme=dark]{--mp3-o:#ff6f8c}@media (width>=1000px){#mp3{grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr);align-items:start}.a-how,#mp3 .a-thy{grid-column:1/-1}}.mp3-rd{min-height:20px;font-family:var(--sans);justify-content:flex-start;margin:0 2px 8px}.mp3-rd b{font-family:var(--mono);font-variant-numeric:tabular-nums}.mp3-msg{color:var(--warn)}.mp3-tag{color:var(--ink);margin:8px 2px 4px;font-size:12.5px;font-weight:700}.mp3-rd+.mp3-pane>.mp3-tag{margin-top:0}.mp3-pane:not(.on)>.mp3-tag{color:var(--ink-2);font-weight:500}.mp3-pane.on>.scope{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.mp3-pane:not(.on) .mp3-cv{opacity:.78}@media (prefers-reduced-motion:no-preference){.mp3-cv{transition:opacity .18s}}.mp3-scr{padding:0;position:relative;overflow:hidden}.mp3-cv{width:100%;display:block}.mp3-sg{touch-action:pan-y;cursor:pointer;height:150px}.mp3-how{height:340px}@media (width<=620px){.mp3-sg{height:124px}.mp3-how{height:290px}}.mp3-lg{font-family:var(--sans);justify-content:flex-start;margin:6px 2px 0}.mp3-sw-i{background:var(--ink)}.mp3-sw-o{background:var(--mp3-o)}.mp3-link{color:var(--ink);font:500 12.5px/1.3 var(--sans);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;text-decoration:underline}.mp3-link:hover{color:var(--focus)}.mp3-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}.mp3-prog{background:var(--ink-2);width:0;height:3px;position:absolute;top:0;left:0}.mp3-bar{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:4px;display:flex}.mp3-bl{color:var(--ink-3);font-size:12.5px}.a-set.drop{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}#ls-tab:not([data-src=test]) #p-src,#ls-tab:not([data-src=file]) #p-file{display:none}@media (width<=620px){#mp3 .prow{--fw:136px}}.mp3-keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mp3-key{--kc:var(--ink-3);border:1px solid var(--line-2);border-radius:var(--r);background:var(--inset);min-width:0;min-height:52px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;align-content:start;gap:1px;padding:6px 6px 6px 12px;display:grid;position:relative}.mp3-key:before{content:"";border-radius:var(--r) 0 0 var(--r);background:var(--kc);opacity:.35;width:4px;position:absolute;top:0;bottom:0;left:0}.mp3-key b{font-size:13px;line-height:1.3}.mp3-key small{font:12px/1.3 var(--mono);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mp3-key[aria-pressed=true]{background:var(--surface);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.mp3-key[aria-pressed=true]:before{opacity:1}.mp3-key:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mp3-key.k1{--kc:var(--ch1)}.mp3-key.k2{--kc:var(--mp3-o)}.mp3-tp{border-top:0;border-bottom:0;grid-template-columns:auto minmax(0,1fr);padding:10px 2px 8px}.mp3-tp3{grid-template-columns:auto auto minmax(0,1fr);padding-bottom:0}.mp3-wv{border:1px solid var(--line);border-radius:var(--r);background:var(--inset);cursor:pointer;touch-action:none;height:48px;position:relative;overflow:hidden}.mp3-wv:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mp3-wv canvas{width:100%;height:100%;position:absolute;inset:0}.mp3-ph{background:var(--ink);pointer-events:none;width:1.5px;position:absolute;top:0;bottom:0;left:0}.mp3-save{margin-top:8px}.mp3-save button{font-family:var(--sans)}.mp3-cap{min-height:1.5em;color:var(--ink);overflow-wrap:anywhere;margin:0 2px 8px;font-size:14px;font-weight:700;line-height:1.5}.mp3-steps{scrollbar-width:thin;grid-auto-columns:minmax(118px,1fr);grid-auto-flow:column;gap:6px;margin-bottom:10px;padding:2px 2px 6px;display:grid;overflow-x:auto}.mp3-st{border:1px solid var(--line-2);border-radius:var(--r);background:var(--inset);min-width:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;gap:3px;padding:6px 7px;display:grid;position:relative}.mp3-st[aria-pressed=true]{background:var(--surface);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.mp3-st:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mp3-st b{white-space:nowrap;font-size:12.5px;line-height:1.3}.mp3-st small{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}.mp3-st canvas{border-radius:3px;width:100%;height:52px;display:block}