/* agentrecast.com/free: the no-account preview of a listing or a YouTube video (free.html, free.js), on top of styles.css and landing.css. */
.preview-result{display:grid;grid-template-columns:minmax(260px,400px) 1fr minmax(260px,330px);gap:34px;align-items:start;padding-top:30px;padding-bottom:30px}
.preview-result[hidden]{display:none}
.preview-cover{margin:0}
.preview-cover img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px;background:#17231d;box-shadow:0 30px 60px -30px rgba(23,35,29,.55)}
.preview-cover figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px}
.preview-hook{margin:0 0 26px;font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.03em}
.preview-caption{margin:0 0 16px;white-space:pre-wrap;font:inherit;font-size:15px;line-height:1.65;color:#38443e;max-height:420px;overflow:auto;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fffdf8}
.preview-save{padding:26px;border-radius:16px;background:var(--ink);color:#fff}
.preview-save h2{margin:0 0 14px;font-size:28px;line-height:1.05;letter-spacing:-.04em}
.preview-save h2 em{color:var(--acid)}
.preview-save ul{margin:0 0 14px;padding-left:18px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.85)}
.preview-plan{font-size:13px;color:rgba(255,255,255,.7);margin:0 0 18px}
.preview-signup{display:grid;gap:7px}
.preview-signup label{font-size:13px;font-weight:700}
.preview-signup label small{font-weight:500;color:rgba(255,255,255,.6)}
.preview-signup input{font:inherit;font-size:16px;padding:12px 13px;border:0;border-radius:9px;background:#fffdf8;color:var(--ink);margin-bottom:6px}
.preview-signup[hidden]{display:none}
.preview-fine{font-size:12px;line-height:1.55;color:rgba(255,255,255,.65);margin:8px 0 0}
.preview-fine a{color:#fff;text-decoration:underline}
.preview-save .preview-status{color:rgba(255,255,255,.85);margin-top:12px}
.preview-save .preview-status.error{color:#ffb4a3}
.preview-save .preview-status a{color:#fff}
.preview-result.is-video .preview-cover img{aspect-ratio:9/16;max-height:640px;width:auto;max-width:100%;margin:0 auto}
.preview-moment{margin:0 0 26px;font-size:15px;line-height:1.6;color:#38443e}
.preview-moment[hidden],.preview-save ul[hidden]{display:none}
@media (max-width:1000px){.preview-result{grid-template-columns:1fr}.preview-cover{max-width:420px;margin:0 auto}}