.recorder-wrapper .rec-tabs{margin-bottom:1rem}.recorder-wrapper .rec-stage{position:relative;background:#000;border-radius:.5rem;overflow:hidden;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.recorder-wrapper .rec-stage video{width:100%;height:100%;object-fit:contain;display:none}.recorder-wrapper .rec-stage.live video{display:block}.recorder-wrapper .rec-stage-tip{color:#adb5bd;font-size:.9rem}.recorder-wrapper .rec-stage.live .rec-stage-tip{display:none}.recorder-wrapper .rec-timer{position:absolute;top:.6rem;right:.75rem;background:#0009;color:#fff;font-size:.8rem;padding:.15rem .55rem;border-radius:999px;display:none;font-variant-numeric:tabular-nums}.recorder-wrapper .rec-stage.recording .rec-timer{display:inline-block}.recorder-wrapper .rec-gallery{display:flex;flex-wrap:wrap;gap:.75rem}.recorder-wrapper .rec-empty{color:var(--bi-text-muted);font-size:.9rem}.recorder-wrapper .rec-item{border:1px solid var(--bi-border);border-radius:.5rem;overflow:hidden;width:200px;background:var(--bi-surface-2)}.recorder-wrapper .rec-item-media{height:112px;background:#000;display:flex;align-items:center;justify-content:center}.recorder-wrapper .rec-item-media img,.recorder-wrapper .rec-item-media video{max-width:100%;max-height:100%;object-fit:contain}.recorder-wrapper .rec-item-meta{padding:.4rem .5rem;font-size:.78rem;color:var(--bi-text-muted);display:flex;justify-content:space-between;align-items:center;gap:.35rem}.recorder-wrapper .rec-item-meta .rec-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recorder-wrapper .rec-notes{color:var(--bi-text-muted);font-size:.9rem;margin-bottom:0}.recorder-wrapper .rec-notes p{margin-bottom:.4rem}.recorder-wrapper .rec-notes p:last-child{margin-bottom:0}