.preview-shell{max-width:1140px;margin:0 auto;padding:48px 24px}.preview-shell>h1{font-size:44px;letter-spacing:-1.5px;margin:12px 0}.preview-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;background:#fff;border:1px solid #d8e4e7;border-radius:14px;padding:24px;margin:24px 0}.preview-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.preview-split{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.preview-brand{display:flex;gap:12px;align-items:center;margin-bottom:25px}.preview-brand>span{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#173d47;color:#ffbe58;font-size:24px;font-weight:700}.preview-brand strong{font-size:21px}.preview-brand small{display:block;color:#70868d}.preview-reward{font-size:52px;font-weight:750;letter-spacing:-2px;margin:18px 0}.preview-steps{padding-left:24px}.preview-steps li{padding:8px 0}.preview-next{margin-top:32px}.preview-next .btn{margin:5px 8px 0 0}.preview-status{font-size:20px;font-weight:700;color:#1a5f6c}.preview-shell .card-pad{padding:28px}.preview-shell button:focus-visible{outline:3px solid #ffbe58;outline-offset:3px}@media(max-width:700px){.preview-controls,.preview-split{grid-template-columns:1fr}.preview-shell{padding:30px 16px}.preview-shell>h1{font-size:34px}.preview-shell .card-pad{padding:22px}.preview-tabs .btn{font-size:12px}.preview-controls{gap:12px}}