:root{--bg:#0b0f17;--panel:#131926;--panel-2:#1a2233;--border:#26304a;--text:#e6ebf5;--muted:#9aa7bd;--accent:#4f9cff;--good:#3fb984;--warn:#e6b450;--bad:#e06666}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{max-width:920px;margin:0 auto;padding:40px 24px 80px}header h1{margin:0 0 6px;font-size:28px}header p{margin:0 0 16px}.schema,header p{color:var(--muted)}.schema{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-family:ui-monospace,Menlo,monospace;font-size:12px;white-space:pre-wrap;margin-bottom:18px}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}input[type=text]{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px}input:focus{outline:none;border-color:var(--accent)}.actions{display:flex;gap:12px;align-items:center;margin:14px 0 8px}button{background:var(--accent);color:#06122a;border:none;border-radius:8px;padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.examples{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}.chip{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12px;color:var(--muted);cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--text)}.error{color:var(--bad);margin:12px 0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin:16px 0}.sql{font-family:ui-monospace,Menlo,monospace;color:#b8e0c8;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;white-space:pre-wrap;overflow-x:auto}.expl,.sql{font-size:13px}.expl{color:var(--muted);margin-top:6px}table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}td,th{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border);font-family:ui-monospace,Menlo,monospace}th{font-weight:600}.rc,th{color:var(--muted)}.rc{font-size:12px;margin-top:6px}