:root{font-family:Sora,Segoe UI,sans-serif;color:#f5f1e8;background:radial-gradient(circle at top left,rgba(255,196,87,.24),transparent 26%),radial-gradient(circle at top right,rgba(65,148,255,.2),transparent 22%),linear-gradient(180deg,#111418,#191d23)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,textarea,select{font:inherit}.page{max-width:1180px;margin:0 auto;padding:48px 20px 72px}.hero{max-width:720px;margin-bottom:32px}.hero h1,.previewHeader h2{font-family:Space Grotesk,Segoe UI,sans-serif;letter-spacing:-.04em}.hero h1{margin:12px 0;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.95}.hero p{margin:0;color:#d8d1c2;font-size:1.05rem;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:#f6b74b}.panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:20px;align-items:start}.form,.statusCard,.previewPanel{border:1px solid rgba(255,255,255,.08);background:#101318d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 26px 80px #00000047}.form{padding:24px}.field{display:grid;gap:10px;margin-bottom:18px}.field span{font-weight:600}.field textarea,.field select{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#f8f5ee;padding:16px 18px}.primaryButton,.secondaryButton,.downloadLink{border:none;border-radius:999px;padding:14px 20px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.primaryButton{background:linear-gradient(135deg,#f6b74b,#ff7b54);color:#161719;font-weight:700}.secondaryButton,.downloadLink{background:#ffffff14;color:#f5f1e8}.primaryButton:disabled,.secondaryButton:disabled{opacity:.55;cursor:not-allowed}.statusCard{padding:24px;display:grid;gap:14px}.statusLabel{color:#9ea7b3;font-size:.85rem;text-transform:uppercase;letter-spacing:.14em}.errorText{color:#ff9e93}.previewPanel{margin-top:24px;padding:24px}.previewFrame{min-height:420px;margin-top:18px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#fbfaf5,#f1ede1)}.previewIframe{width:100%;min-height:420px;border:0}.previewEmpty{min-height:420px;display:grid;place-items:center;padding:24px;color:#49505b;text-align:center}.previewEmpty code{margin-left:8px;padding:2px 8px;border-radius:999px;background:#11141814}@media(max-width:860px){.panel{grid-template-columns:1fr}.page{padding-top:32px}}