.media-preview{border-top:1px solid color-mix(in srgb, var(--color-text-secondary) 35%, transparent);padding-block:1rem}.media-preview h3{font-family:var(--font-display);margin-block:0 .75rem;font-size:1.35rem}.media-preview button,.media-preview a{min-block-size:44px;min-inline-size:44px}.media-preview iframe{border:1px solid var(--color-rule-strong);aspect-ratio:16/9;background:var(--color-bg-2);width:100%;max-width:56rem;display:block}.media-consent{border:1px solid var(--color-rule-strong);background:var(--color-bg-2);gap:.75rem;max-width:40rem;padding:1rem;display:grid}.media-consent p{color:var(--color-text-secondary);margin:0}.media-consent button{border:1px solid var(--color-control-border);border-radius:var(--radius-xs);color:var(--color-text);background:0 0;justify-self:start;padding-inline:1rem}.direct-audio{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:1rem;display:grid}.direct-audio>button{border:1px solid var(--color-control-border);border-radius:var(--radius-round);width:52px;height:52px;color:var(--color-text);transition:color var(--dur-1) var(--ease-out-quart), background-color var(--dur-1) var(--ease-out-quart), border-color var(--dur-1) var(--ease-out-quart);background:0 0;padding:0}@media (hover:hover){.direct-audio>button:hover:not(:disabled){border-color:var(--color-text);background:color-mix(in srgb, var(--color-text) 8%, transparent)}}.direct-audio>button[aria-pressed=true]{border-color:var(--color-accent-2);color:var(--color-bg);background:var(--color-accent-2)}.direct-audio>button:disabled{border-color:var(--color-rule-strong);color:var(--color-text-meta)}@media (prefers-reduced-motion:no-preference){.direct-audio>button:active:not(:disabled){transform:scale(.96)}}.media-waveform{background:linear-gradient(var(--color-rule-strong), var(--color-rule-strong)) center / 100% 1px no-repeat;justify-content:space-between;align-items:center;min-block-size:72px;min-inline-size:0;display:flex;overflow:hidden}.media-waveform span{background:var(--color-trace);opacity:.8;transform-origin:50%;block-size:34%;inline-size:2px;transition:background-color var(--dur-1) var(--ease-out-quart), opacity var(--dur-1) var(--ease-out-quart);border-radius:0}.media-waveform span:nth-child(3n){block-size:68%}.media-waveform span:nth-child(4n){block-size:48%}.media-waveform span:nth-child(7n){block-size:86%}.direct-audio[data-player-state=playing] .media-waveform span{background:var(--color-accent-2);opacity:1}.direct-audio__fallback{grid-column:1/-1;gap:.75rem;display:grid}.direct-audio__fallback audio{width:100%}@media (width<=767px){.direct-audio{grid-template-columns:44px minmax(0,1fr);gap:.75rem}.direct-audio>button{width:44px;height:44px}.media-waveform{min-block-size:56px}}