.crec{margin:8px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.crec-cam,.crec-mic{border:1px solid #d4af37;background:#1a0f2a;color:#d4af37;border-radius:20px;padding:8px 14px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.crec-on{background:#7a1030;color:#fff;border-color:#e05070}
.crec-stage{width:100%}
.crec-live,.crec-mirror{transform:scaleX(-1)}
.crec-live,.crec-preview video{width:100%;max-width:360px;border-radius:10px;background:#000;display:block}
.crec-preview audio{width:100%;max-width:360px}
.crec-meter{height:6px;max-width:360px;background:#2a1a40;border-radius:3px;overflow:hidden;margin:4px 0}
.crec-level{height:100%;width:0;background:#d4af37;transition:width .08s linear}
.crec-timer{font-variant-numeric:tabular-nums;color:#ccc;font-size:.9em}
.crec-retake{background:none;border:1px solid #888;color:#ccc;border-radius:8px;padding:3px 10px;cursor:pointer}

/* v22: two round icon buttons side by side, small label under each; no manual file picker */
.crec{flex-wrap:wrap;gap:18px;align-items:flex-start}
.crec .crec-cam,.crec .crec-mic{display:inline-flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;padding:0;border-radius:0}
.crec .crec-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid #d4af37;background:#1a0f2a;font-size:1.5rem}
.crec .crec-lbl{font-size:.75rem;color:#d4af37}
.crec .crec-stage,.crec .crec-msg{flex-basis:100%}