.preview-main{padding:48px 0 64px}.preview-main h1{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.04em;margin:18px 0}.intro{font-size:18px;max-width:700px;color:#525866}.preview-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;margin-top:32px;align-items:start}.controls{padding:24px;min-width:0}.controls label{display:block;font-weight:800;margin:0 0 10px}.controls select,.controls input{width:100%;min-width:0;max-width:100%;padding:12px;border:1px solid #cdd0d6;border-radius:10px;background:#fff;color:#101114;font:inherit}.controls input{font-size:13px}.controls select+label{margin-top:24px}.privacy{font-size:13px;background:#f1f6f3;padding:12px;border-radius:10px;color:#28583b}.preview-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.preview-actions button{border:0;font:inherit;font-weight:800;font-size:14px;cursor:pointer;white-space:normal}.preview-actions button:disabled{opacity:.45;cursor:default;transform:none}.preview-actions .alt{border:1px solid #d7d9df}.mockup-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}#mockup{display:block;width:100%;height:auto;background:#eceef2;border-radius:14px}.preview-result{min-width:0}.disclaimer{font-size:13px;border-left:3px solid #d71920;padding:8px 12px;background:#fff6f6}#ratio-warning{font-size:13px;background:#fff3d5;padding:12px;border-radius:10px;color:#61420b}#upload-error{color:#a80f15;font-size:14px}#file-status{overflow-wrap:anywhere;font-size:14px}.preview-result>.btn{margin-top:8px}.links{gap:15px}@media(max-width:1000px){.preview-grid{grid-template-columns:290px minmax(0,1fr)}}@media(max-width:760px){.preview-grid{grid-template-columns:1fr;gap:24px}.preview-main{padding-top:28px}.controls{padding:20px}.preview-main h1{font-size:38px}.preview-result>.btn{font-size:14px}.mockup-heading .badge{font-size:11px}}
