:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(56,189,248,.22),transparent 30%),radial-gradient(circle at top right,rgba(168,85,247,.16),transparent 25%),linear-gradient(180deg,#07111f,#0f172a);color:#e5eefb}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,select,textarea{font:inherit}.page{max-width:1280px;margin:0 auto;padding:32px 20px 48px;display:grid;gap:24px}.panel{background:#080f1cc7;border:1px solid rgba(148,163,184,.18);border-radius:24px;box-shadow:0 24px 70px #02061773;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.intro{padding:30px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#7dd3fc;font-size:.8rem;margin-bottom:12px}h1{font-size:clamp(2.4rem,4vw,4.5rem);line-height:.98;max-width:11ch;margin:0 0 14px}.intro p{margin:0;max-width:72ch;color:#cbd5e1;line-height:1.65}.layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:24px}.panel h2{margin-top:0}.panel{padding:24px}.form{display:grid;gap:16px}label{display:grid;gap:8px;font-weight:600}textarea,select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:#0f172ae6;color:#f8fafc}textarea{resize:vertical;min-height:160px}.actions{display:flex;flex-wrap:wrap;gap:12px}button,.secondary{border:0;border-radius:999px;padding:14px 20px;text-decoration:none;cursor:pointer;font-weight:700;transition:transform .15s ease,opacity .15s ease}button{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff}.secondary{background:#ffffff14;color:#e2e8f0}button:hover,.secondary:hover{transform:translateY(-1px)}button:disabled,.secondary:disabled{opacity:.6;cursor:not-allowed}.error{margin:0;color:#fca5a5}.preview-content{line-height:1.7}.preview-content h1,.preview-content h2,.preview-content h3{margin-bottom:12px}.preview-content ul,.preview-content ol{padding-left:20px}.meta{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px;color:#cbd5e1}@media(max-width:960px){.layout{grid-template-columns:1fr}}