/* Forum media attachments (video / audio / file) */
.fm-list{display:flex;flex-direction:column;gap:10px;margin:10px 0}
.fm-video-wrap{border-radius:14px;overflow:hidden;background:#000;border:1px solid var(--md-outline-variant)}
.fm-video{display:block;width:100%;max-height:420px}
.fm-audio{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--md-outline-variant);border-radius:14px;background:var(--md-surface-container-lowest,#fff)}
.fm-audio-btn{width:40px;height:40px;border-radius:50%;border:0;background:var(--md-primary);color:var(--md-on-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .1s}
.fm-audio-btn:active{transform:scale(.94)}
.fm-audio-btn .material-symbols-outlined{font-size:22px}
.fm-audio-info{flex:1;min-width:0}
.fm-audio-name{font-size:.8125rem;font-weight:600;color:var(--md-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}
.fm-audio-progress{height:4px;border-radius:2px;background:var(--md-surface-container-high);cursor:pointer;position:relative}
.fm-audio-progress-fill{height:100%;width:0%;border-radius:2px;background:var(--md-primary)}
.fm-audio-time{font-size:.6875rem;color:var(--md-on-surface-variant);font-variant-numeric:tabular-nums;flex-shrink:0}
.fm-audio audio{display:none}
.fm-file{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--md-outline-variant);border-radius:14px;background:var(--md-surface-container-lowest,#fff);text-decoration:none;transition:background .12s}
.fm-file:hover{background:var(--md-surface-container-high)}
.fm-file-icon{width:40px;height:40px;border-radius:10px;background:var(--md-secondary-container,#e8def8);color:var(--md-on-secondary-container,#1d192b);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fm-file-info{flex:1;min-width:0;display:flex;flex-direction:column}
.fm-file-name{font-size:.8125rem;font-weight:600;color:var(--md-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-file-meta{font-size:.6875rem;color:var(--md-on-surface-variant)}
.fm-file-dl{color:var(--md-primary);flex-shrink:0}
.fp-author-anon{display:inline-flex;align-items:center;gap:2px;color:var(--md-on-surface-variant)}

/* Compose-time attachment chips */
.cp-media-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.cp-media-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--md-outline-variant);border-radius:12px;background:var(--md-surface-container-lowest,#fff)}
.cp-media-item-icon{width:36px;height:36px;border-radius:10px;background:var(--md-primary);color:var(--md-on-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cp-media-item-info{flex:1;min-width:0}
.cp-media-item-name{font-size:.8125rem;font-weight:600;color:var(--md-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-media-item-meta{font-size:.6875rem;color:var(--md-on-surface-variant)}
.cp-media-item-progress{height:3px;border-radius:2px;background:var(--md-surface-container-high);margin-top:6px;overflow:hidden}
.cp-media-item-progress-fill{height:100%;width:0%;background:var(--md-primary);transition:width .15s}
.cp-media-item-remove{border:0;background:transparent;cursor:pointer;color:var(--md-on-surface-variant);padding:4px;border-radius:50%;display:flex;align-items:center}
.cp-media-item-remove:hover{color:var(--md-error,#b3261e);background:var(--md-surface-container-high)}

/* Composer tools row (attach + anonymous toggle) */
.fp-compose-tools{display:flex;align-items:center;gap:14px;margin-top:8px;padding:0 4px}
.fp-compose-tool{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;cursor:pointer;color:var(--md-on-surface-variant);font-size:.75rem;font-weight:500;padding:4px 6px;border-radius:8px}
.fp-compose-tool:hover{background:var(--md-surface-container-high);color:var(--md-on-surface)}
.fp-compose-tool .material-symbols-outlined{font-size:18px}
.fp-compose-anon{display:inline-flex;align-items:center;gap:5px;cursor:pointer;user-select:none;font-size:.75rem;font-weight:500;color:var(--md-on-surface-variant);padding:4px 6px;border-radius:8px}
.fp-compose-anon:hover{background:var(--md-surface-container-high);color:var(--md-on-surface)}
.fp-compose-anon input{accent-color:var(--md-primary);margin:0}
.fp-compose-anon .material-symbols-outlined{font-size:16px}
.fp-compose-anon input:checked ~ span{color:var(--md-primary)}
