@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Spline+Sans:wght@400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f1ea;--bg-alt:#efe7dd;--ink:#1b1a18;--ink-muted:#5b564f;--accent:#e36a2c;--accent-soft:#ffd7c1;--error:#b3261e;--card:#fffaf4;--stroke:#e1d4c6;font-family:Spline Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left, #fff3e4 0%, var(--bg) 45%), radial-gradient(circle at bottom right, #f7dac7 0%, var(--bg-alt) 55%);margin:0}#root{min-height:100vh}.page{flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto;padding:2rem;display:flex}.hero{background:var(--card);border:1px solid var(--stroke);border-radius:1.8rem;flex-direction:column;gap:1rem;padding:2rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--ink-muted);margin:0;font-size:12px}h1,h2{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.05}.lede{max-width:42.5rem;color:var(--ink-muted);margin:0;font-size:18px}.actions{flex-wrap:wrap;gap:.8rem;display:flex}button{border:1px solid var(--stroke);cursor:pointer;border-radius:0;padding:.8rem;font-size:15px;font-weight:600}.example-label{color:var(--ink-muted);margin:0;font-size:.95rem}.example-button{padding:.5rem .8rem;font-size:.85rem}.row-count-input{border:1px solid var(--stroke);color:var(--ink);background:#fff;border-radius:0;width:6rem;margin-left:.6rem;padding:.4rem .6rem;font-size:.9rem}.result-dialog{border:1px solid var(--stroke);width:90vw;max-width:44rem;padding:1rem}.result-dialog::backdrop{background:#00000059}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.dialog-header h3{margin:0}.dialog-meta{color:var(--ink-muted);margin:0 0 .6rem;font-size:.85rem}.dialog-body{border:1px solid var(--stroke);background:#fff;max-height:60vh;margin:0;padding:.8rem;overflow:auto}.button-error{border-color:var(--error);color:var(--error);background:#f6d1ce}button:hover{border-color:var(--ink-muted)}.primary{background:var(--accent);color:#fff7f1;border-color:#0000}.ghost{color:var(--ink);background:0 0}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:1rem;display:grid}.grid article{display:flex}.grid article>*{flex:1}.card{background:var(--card);border:1px solid var(--stroke);border-radius:1.3rem;flex-direction:column;gap:.5rem;padding:1.3rem;display:flex}.subtitle{color:var(--ink-muted);margin:0;font-size:15px}ul{color:var(--ink);flex-direction:column;gap:.4rem;margin:0;padding-left:1rem;display:flex}.matrix{background:var(--card);border:1px solid var(--stroke);border-radius:1.4rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.table{gap:.5rem;display:grid}.table-row{background:#fff4ea;border-radius:.9rem;grid-template-columns:1.2fr repeat(3,1fr);gap:.5rem;padding:.8rem;display:grid}.table-header{color:var(--ink-muted);background:0 0;font-weight:600}.topic{font-weight:600}.next{background:var(--card);border:1px solid var(--stroke);border-radius:1.3rem;padding:1.3rem}.next p{color:var(--ink-muted);margin:0}.usage-monitor{background:var(--card);border:1px solid var(--stroke);border-radius:1.2rem;flex-direction:column;gap:.8rem;padding:1.2rem;display:flex}.usage-actions{justify-content:flex-end;display:flex}.usage-monitor button{width:100%}.test-actions{flex-wrap:wrap;gap:.6rem;display:flex}.test-actions button{width:100%}.usage-monitor table{border-collapse:collapse;width:100%}.usage-monitor td{border:1px solid var(--stroke);width:50%;padding:.6rem;font-size:.95rem}.usage-monitor tr td:first-child{font-weight:600}.usage-cell{position:relative;overflow:hidden}.usage-cell:before{content:"";width:var(--bar-width,0%);background:var(--accent-soft);opacity:.6;z-index:0;position:absolute;inset:0}.usage-cell{z-index:1}.test{background:var(--card);border:1px solid var(--stroke);border-radius:1.2rem;flex-direction:column;gap:.8rem;padding:1.2rem;display:flex}.test table{border-collapse:collapse;width:100%}.test td{border:1px solid var(--stroke);width:50%;padding:.6rem;font-size:.95rem}.test tr td:first-child{font-weight:600}.button-muted{background:var(--stroke);color:var(--ink-muted);cursor:not-allowed}.test-skeleton{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff29 50%,#ffffff0a 100%);border-radius:999px;height:1.5rem;animation:1.2s ease-in-out infinite test-skeleton-pulse;display:block}.test-skeleton-label{width:55%}.test-skeleton-value{width:80%}@keyframes test-skeleton-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.sql-input{border:1px solid var(--stroke)}.sql-input .cm-editor{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,Consolas,Liberation Mono,monospace;font-size:.95rem}.sql-input .cm-scroller{overscroll-behavior:contain}@media (width<=45rem){.hero{padding:1.5rem}.table-row{grid-template-columns:1fr}}