body{margin:0;background:#f1f1f1;color:#303030;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px}.workspace{max-width:1120px;margin:0 auto}.columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;align-items:start}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{padding:16px;border:1px solid #e3e3e3;border-radius:10px;background:#fff}.metric strong{display:block;font-size:26px;margin-top:8px;font-weight:600}.mapping{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ebebeb}.muted{color:#616161}.stack{display:grid;gap:16px}pre{overflow:auto;max-height:300px;padding:16px;background:#f7f7f7;border-radius:8px}summary{cursor:pointer;padding:12px 0}.demo-nav{display:flex;gap:24px;padding:16px 28px;background:#fff;border-bottom:1px solid #ddd}.demo-nav a{color:#303030;text-decoration:none}.landing{max-width:640px;margin:12vh auto;padding:32px;line-height:1.7}a{color:#005bd3}@media(max-width:760px){.columns,.fields{grid-template-columns:1fr}.metrics{gap:6px}.metric{padding:12px}}