.record-preview-overlay{position:fixed;inset:0;z-index:9999;background:rgba(20,19,18,.72);display:flex;align-items:flex-end;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));backdrop-filter:blur(10px)}
.record-preview-card{width:min(760px,100%);height:min(86vh,900px);background:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 80px rgba(0,0,0,.25)}
.record-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08)}
.record-preview-head strong{font-size:15px}.record-preview-close{border:0;background:#f2f0eb;border-radius:999px;width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer}
.record-preview-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#f5f4f1;overflow:auto}
.record-preview-body iframe{border:0;width:100%;height:100%;background:#fff}.record-preview-body img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.record-preview-loading,.record-preview-fallback{padding:28px;text-align:center;color:#5f5b54}.record-preview-fallback .secondary{margin-top:14px}