:root{--bg:#fbfaf8;--fg:#1b1b1a;--muted:#5c5a55;--line:#ddd9d2;--accent:#1d5c8f;--bad:#9a2b2b;--card:#fff}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:48rem;margin:0 auto;padding:1.5rem 1rem 4rem}h1{font-size:1.5rem;margin:0 0 .75rem}h2{font-size:1.15rem;margin:2rem 0 .5rem}a{color:var(--accent)}p{margin:.6rem 0}code,pre,textarea{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.muted{color:var(--muted)}.error{color:var(--bad)}.card{border:1px solid var(--line);border-radius:6px;padding:1rem;margin:1rem 0}.button,.card,button{background:var(--card)}.button,button{font:inherit;padding:.5rem .9rem;border:1px solid var(--line);border-radius:5px;color:var(--fg);cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button[disabled]{opacity:.55;cursor:default}input[type=email],input[type=file],input[type=text],textarea{font:inherit;padding:.45rem .5rem;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--fg);max-width:100%}nav.top{border-bottom:1px solid var(--line);background:var(--card)}nav.top div{max-width:48rem;margin:0 auto;padding:.6rem 1rem;display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}nav.top form{margin:0}nav.top button{padding:.2rem .5rem}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{border:1px solid var(--line);padding:.3rem .45rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22rem}th{background:#f2efea}.scroll{overflow-x:auto}progress{width:100%}.sql{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr}.sql-aside,.sql-main{min-width:0}.sql-aside{font-size:.9rem}.sql-aside summary{cursor:pointer;padding:.2rem 0}@media (min-width:60rem){main:has(.sql){max-width:78rem}.sql{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:480px){main{padding:1rem .75rem 3rem}h1{font-size:1.3rem}}