.sd{margin:24px 0 16px}.sd-player{background:var(--cg-surface);border:1px solid var(--cg-line);border-radius:var(--cg-radius-l);box-shadow:var(--cg-shadow);padding:16px}.sd-transport{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.sd-play{min-width:112px}.sd-play:disabled{opacity:.55;cursor:progress}.sd-time{font-family:var(--cg-mono);color:var(--cg-ink);font-variant-numeric:tabular-nums}.sd-status{color:var(--cg-muted);font-size:.92rem}.sd-error{color:var(--cg-accent)}.sd-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sd-row{border-radius:var(--cg-radius);background:var(--cg-surface-2);transition:opacity var(--cg-fast) var(--cg-ease);grid-template-columns:28px minmax(84px,120px) auto 1fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.sd-original{border:1px solid var(--cg-line)}.sd-glyph{width:28px;height:28px;color:var(--cg-primary)}.sd-name{color:var(--cg-ink);font-weight:600}.sd-toggles{gap:6px;display:inline-flex}.sd-toggle{border-radius:var(--cg-radius-s);border:1px solid var(--cg-line);background:var(--cg-bg);width:32px;height:32px;color:var(--cg-muted);font:600 .85rem var(--cg-font);cursor:pointer}.sd-toggle[aria-pressed=true]{background:var(--cg-muted);color:var(--cg-bg);border-color:var(--cg-muted)}.sd-solo[aria-pressed=true]{background:var(--cg-accent);color:var(--cg-accent-ink);border-color:var(--cg-accent)}.sd-toggle:focus-visible,.sd-wave canvas:focus-visible{box-shadow:var(--cg-glow);outline:none}.sd-wave{min-width:0;height:56px;position:relative}.sd-wave canvas{cursor:pointer;touch-action:none;border-radius:var(--cg-radius-s);width:100%;height:100%;display:block}.sd-silent .sd-name{color:var(--cg-muted)}.sd-head{background:var(--cg-ink);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}@media (max-width:640px){.sd-row{grid-template-columns:28px 1fr auto}.sd-wave{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.sd-row{transition:none}}.ex-list{gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.ex-row{background:var(--cg-surface);border:1px solid var(--cg-line);border-radius:var(--cg-radius-l);min-width:0;transition:border-color var(--cg-slow) var(--cg-ease), box-shadow var(--cg-slow) var(--cg-ease)}.ex-row.is-open{border-color:var(--cg-primary);box-shadow:var(--cg-shadow)}.ex-h{font:inherit;margin:0}.ex-head{--ex-mini-w:120px;--ex-mini-gap:16px;grid-template-columns:var(--ex-mini-w) minmax(0, 1fr) auto 24px;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--cg-radius-l);background:0 0;border:0;align-items:center;column-gap:0;padding:14px 16px;transition:grid-template-columns .4s cubic-bezier(.2,.8,.2,1),row-gap .4s cubic-bezier(.2,.8,.2,1);display:grid}.ex-row.is-open .ex-head{grid-template-columns:0 minmax(0,1fr) auto 24px}.ex-head:focus-visible{box-shadow:var(--cg-glow);outline:none}.ex-mini{width:100%;min-width:0;max-width:100%;height:40px;stroke:var(--cg-primary);stroke-width:1.4px;fill:none;opacity:.9;transition:opacity .25s ease-out,height .4s cubic-bezier(.2,.8,.2,1);display:block;overflow:hidden}.ex-row.is-open .ex-mini{opacity:0}.ex-text{min-width:0;margin-left:var(--ex-mini-gap);gap:4px;transition:margin-left .4s cubic-bezier(.2,.8,.2,1);display:grid}.ex-row.is-open .ex-text{margin-left:0}.ex-title{color:var(--cg-ink);overflow-wrap:anywhere;font-size:1.08rem;font-weight:600}.ex-blurb{color:var(--cg-muted);overflow-wrap:anywhere;font-size:.95rem}.ex-len{font-family:var(--cg-mono);color:var(--cg-muted);font-variant-numeric:tabular-nums;margin:0 16px}.ex-chev{width:24px;height:24px;stroke:var(--cg-muted);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.ex-row.is-open .ex-chev{stroke:var(--cg-primary);transform:rotate(180deg)}.ex-panel{grid-template-rows:0fr;min-width:0;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1);display:grid}.ex-row.is-open .ex-panel{grid-template-rows:1fr}.ex-panel-inner{min-width:0;min-height:0;overflow:hidden}.ex-panel .sd{margin:0;padding:0 16px 16px}.ex-panel .sd-player{box-shadow:none}.ex-row{--ex-row-h:80px;--ex-player-base:94px}.ex-row.is-loading [data-ex-player]{min-height:calc(var(--ex-player-base) + var(--n,5) * var(--ex-row-h))}.sd-enter{animation:.32s ease-out both sd-in;animation-delay:calc(var(--i,0) * 60ms)}@keyframes sd-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ex-compact{gap:8px;margin-bottom:12px}.ex-compact .ex-head{padding:10px 14px}.ex-compact .ex-title{font-size:1rem}@media (max-width:640px){.ex-head,.ex-row.is-open .ex-head{grid-template-columns:minmax(0,1fr) 24px;row-gap:10px}.ex-mini{grid-column:1/-1}.ex-row.is-open .ex-mini{height:0}.ex-row.is-open .ex-head{row-gap:0}.ex-text,.ex-row.is-open .ex-text{margin-left:0}.ex-len{display:none}.ex-row{--ex-row-h:122px}}@media (prefers-reduced-motion:reduce){.ex-row,.ex-head,.ex-mini,.ex-text,.ex-chev,.ex-panel{transition:none}.sd-enter{animation:none}}