.kws-hosted-audio { --kws-audio-bg:#26292d; --kws-audio-fg:#fff; display:flex; align-items:center; gap:1rem; padding:0.85rem 1rem; width:100%; max-width:100%; min-width:0; box-sizing:border-box; border-radius:0.65rem; background:var(--kws-audio-bg); color:var(--kws-audio-fg); }
.kws-hosted-audio-image { width:92px; height:92px; object-fit:cover; flex:0 0 92px; border-radius:0.4rem; }
.kws-hosted-audio-controls { min-width:0; flex:1; color:var(--kws-audio-fg); }
.kws-hosted-audio-caption { display:flex; flex-direction:column; gap:0.1rem; font-size:0.9rem; line-height:1.3; margin-bottom:0.6rem; color:var(--kws-audio-fg); }
.kws-hosted-audio-caption span, .kws-hosted-audio-caption strong { color:var(--kws-audio-fg); }
.kws-hosted-audio-caption span { opacity:0.82; }
.kws-hosted-audio-caption .kws-hosted-audio-album { font-size:0.9em; opacity:0.72; }
.kws-hosted-audio-bar { display:flex; align-items:center; gap:0.6rem; min-width:0; }
.kws-hosted-audio-toggle,.kws-hosted-audio-mute { border:0; background:transparent; color:inherit; cursor:pointer; padding:0.4rem; line-height:1; font-size:1.1rem; }
.kws-hosted-audio-toggle:focus-visible,.kws-hosted-audio-mute:focus-visible,.kws-hosted-audio-seek:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.kws-hosted-audio-current,.kws-hosted-audio-duration { font-size:0.75rem; font-variant-numeric:tabular-nums; white-space:nowrap; }
.kws-hosted-audio-seek { min-width:0; flex:1; accent-color:var(--kws-audio-fg); cursor:pointer; }

@media(max-width:480px) { .kws-hosted-audio { gap:0.6rem; padding:0.65rem; } .kws-hosted-audio-image { width:64px; height:64px; flex-basis:64px; } .kws-hosted-audio-bar { gap:0.3rem; } }

.kws-hosted-audio-volume { width:3.5rem; flex:0 0 3.5rem; min-width:0; accent-color:var(--kws-audio-fg); }
.kws-hosted-audio audio { display:none !important; }
.kws-audio-attachment-settings .kws-attachment-audio-preview { margin:0 0 1.25rem; }

@media(max-width:480px) { .kws-hosted-audio-volume { width:2.25rem; flex-basis:2.25rem; } }


.kws-audio-save-status { padding:0.65em 0.85em; border-left:4px solid #2271b1; background:#f0f6fc; font-weight:600; }
.kws-audio-save-status[data-state="saved"] { border-left-color:#00a32a; background:#edfaef; }
.kws-audio-save-status[data-state="error"] { border-left-color:#d63638; background:#fcf0f1; }