[data-cloudpaw-scene],[data-cloudpaw-media]{min-width:0;margin-block:var(--space-layout)}
.media-scene,.media-card{margin:0;border:1px solid var(--line);background:var(--panel);overflow:hidden}
.media-scene img,.media-visual img,.media-visual video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.media-scene figcaption,.media-heading{padding:var(--space-control) var(--space-inline);font:var(--text-code)/1.6 var(--mono);color:var(--text)}
.media-card{padding-bottom:var(--space-inline)}
.media-card>.button{margin-inline:var(--space-inline)}
.media-controls{display:flex;flex-wrap:wrap;gap:var(--space-tight);padding:var(--space-inline) var(--space-inline) 0}
.media-controls .button{min-width:var(--target);min-height:var(--target);flex:1 1 auto}
.media-status,.media-note,.media-image-fallback{margin:var(--space-control) var(--space-inline);font-size:var(--text-code);color:var(--muted);overflow-wrap:anywhere}
.media-image-fallback{padding-block:var(--space-card);color:var(--text)}
.media-transcript{margin:var(--space-inline);border-top:1px solid var(--line);padding-top:var(--space-control)}
.media-transcript summary{min-height:var(--target);display:flex;align-items:center;cursor:pointer;font-size:var(--text-copy);color:var(--text);gap:var(--space-tight)}
.media-transcript summary::before{content:'+';font:var(--text-icon) var(--mono);color:var(--accent)}
.media-transcript[open] summary::before{content:'−'}
.media-transcript pre,pre.media-transcript{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--text-code)/1.8 var(--font);color:var(--text);max-width:100%}
.media-visual{background:var(--code-surface)}
@media(max-width:760px){.media-controls .button{flex-basis:100%}.media-heading{font-size:var(--text-ui)}}