:root{--bg:#f4efe6;--bg-accent:#e7dccd;--panel:rgba(255,252,247,0.82);--panel-strong:#fffaf2;--ink:#1d2b35;--muted:#56606b;--line:rgba(29,43,53,0.12);--brand:#0f5f73;--brand-soft:#d8eef2;--warn:#7f2f26;--shadow:0 24px 60px rgba(29,43,53,0.12);--radius:24px;--radius-sm:16px;--sans:"Avenir Next","Segoe UI Variable","Helvetica Neue",sans-serif;--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(15,95,115,.14),transparent 30%),radial-gradient(circle at top right,rgba(155,111,50,.16),transparent 25%),linear-gradient(180deg,var(--bg) 0,#f8f4ed 40%,#f1e8da 100%);font-family:var(--sans)}a{color:inherit}main{padding:32px 20px 64px}.shell{max-width:1440px;margin:0 auto}.workspace{display:grid;grid-gap:28px;gap:28px}.grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);grid-gap:24px;gap:24px;align-items:start}.form-column,.preview-column{display:grid;grid-gap:20px;gap:20px}.panel{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.panel:after{content:"";position:absolute;inset:auto -10% -50% auto;width:180px;height:180px;background:radial-gradient(circle,rgba(15,95,115,.12),transparent 70%);pointer-events:none}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);grid-gap:24px;gap:24px;align-items:start}.hero-copy h1{margin:8px 0 12px;max-width:12ch;font-size:clamp(2.3rem,4vw,4.6rem);line-height:.94;letter-spacing:-.04em;font-family:var(--serif)}.hero-copy p{max-width:62ch;font-size:1.02rem;line-height:1.7;color:var(--muted)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--brand)}.hero-card{display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:calc(var(--radius) - 8px);background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(216,238,242,.68));border:1px solid rgba(15,95,115,.14)}.metric{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:var(--radius-sm);background:rgba(255,255,255,.62)}.metric span{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.metric strong{font-size:2rem}.primary-button{border:0;border-radius:999px;padding:14px 18px;font-size:.98rem;font-weight:700;color:white;background:linear-gradient(135deg,#114b5f,#15708a);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;box-shadow:0 14px 24px rgba(17,75,95,.22)}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled{opacity:.58;cursor:not-allowed}.alert{padding:16px 20px;border-radius:18px;border:1px solid rgba(127,47,38,.18);background:rgba(255,245,242,.92);color:var(--warn)}.section-heading h2{margin:0;font-size:1.2rem;font-family:var(--serif)}.section-heading p{margin:6px 0 0;color:var(--muted);line-height:1.6}.section-content{margin-top:18px;display:grid;grid-gap:16px;gap:16px}.choice-grid,.field-grid{display:grid;grid-gap:12px;gap:12px}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.field-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.choice-card,.field,.switch{display:grid;grid-gap:8px;gap:8px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--panel-strong)}.choice-card{align-items:center;cursor:pointer}.choice-card,.switch{grid-template-columns:18px 1fr}.switch{align-items:start}.field span{font-size:.92rem;font-weight:600}.field-wide{grid-column:1/-1}button,input,select,textarea{font:inherit}input[type=checkbox]{margin-top:4px;accent-color:var(--brand)}input[type=number],select{width:100%;border:1px solid rgba(29,43,53,.18);border-radius:12px;padding:10px 12px;background:white;color:var(--ink)}.preview pre{margin:18px 0 0;white-space:pre-wrap;font-family:var(--serif);line-height:1.75;font-size:1rem}@media (max-width:1080px){.grid,.hero{grid-template-columns:1fr}}@media (max-width:720px){main{padding-inline:14px}.panel{padding:18px;border-radius:22px}.hero-copy h1{max-width:100%;font-size:2.5rem}.choice-grid,.field-grid{grid-template-columns:1fr}}