.rec-wrap{max-width:820px;margin:0 auto}
.rec-panel{background:#fff;border:1px solid #d9e2df;border-radius:16px;padding:18px;margin:12px 0;text-align:center}
.rec-panel h3{margin:12px 0 8px}
.rec-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;text-align:right;margin:10px 0 18px}
.rec-choice label{border:1px solid #d9e2df;border-radius:12px;padding:11px;cursor:pointer;background:#fafcfb}
.rec-choice input{margin-left:7px}
.rec-time{font-size:2.4rem;font-weight:800;direction:ltr;margin:18px 0}
.rec-actions,.rec-live-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.rec-note{font-size:13px;line-height:1.8;color:#5b6670;margin:14px 0 0}
.rec-live{font-weight:700;margin-top:15px}
.rec-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c62828;margin-left:6px}
.rec-preview{display:block;width:100%;max-height:430px;margin:14px 0}
.rec-ok{font-weight:700;margin-bottom:10px}
.rec-sources{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;font-size:13px;margin-top:12px}

.rec-device-note{
 margin:0 0 16px;
 padding:12px 14px;
 border:1px solid #d9e2df;
 border-radius:12px;
 background:#f7faf9;
 line-height:1.8;
 text-align:right;
}
.rec-choice input:disabled{
 cursor:not-allowed;
}