:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101214;color:#eef2f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #101214;--surface: #171a1f;--surface-strong: #1f242b;--border: #303740;--border-strong: #46515e;--text: #eef2f6;--muted: #9aa6b2;--accent: #45b7a5;--accent-strong: #63d6c2;--danger: #ff6f7d;--danger-bg: #331b22;--success: #72d982;--success-bg: #163120;--info: #8fb8ff;--info-bg: #18253d;--shadow: 0 18px 70px rgb(0 0 0 / 34%)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,rgb(69 183 165 / 8%),transparent 320px),var(--bg)}button,input,textarea{font:inherit}button{min-height:40px;border:1px solid var(--border);border-radius:8px;padding:0 14px;background:var(--surface-strong);color:var(--text);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}button:hover:not(:disabled){border-color:var(--border-strong);background:#272e37}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:32px 0}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 8px;color:var(--accent-strong);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,4.4rem);line-height:.95;letter-spacing:0}h2{margin-bottom:6px;font-size:1rem;letter-spacing:0}.panel p,.app-header p{color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.primary-action{border-color:#45b7a5b8;background:var(--accent);color:#071512;font-weight:700}.primary-action:hover:not(:disabled){border-color:var(--accent-strong);background:var(--accent-strong)}.query-section{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:end;gap:16px;margin-bottom:18px}.query-field{display:grid;gap:8px}.query-field label{color:var(--muted);font-size:.9rem;font-weight:700}.query-field input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:8px;padding:0 14px;outline:none;background:var(--surface);color:var(--text);font-family:JetBrains Mono,Fira Code,Consolas,monospace}.query-field input:focus,.code-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px #45b7a529}.suggestions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.suggestion-button{min-height:34px;padding:0 10px;color:#d5dee7;font-size:.84rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.panel{display:grid;grid-template-rows:auto minmax(520px,62vh) 28px;min-width:0;border:1px solid var(--border);border-radius:8px;background:#171a1feb;box-shadow:var(--shadow);overflow:hidden}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--border)}.panel-header p{margin-bottom:0;font-size:.9rem}.status-pill{flex:0 0 auto;max-width:180px;border:1px solid transparent;border-radius:999px;padding:6px 10px;overflow:hidden;font-size:.82rem;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap}.status-pill.success{border-color:#72d98259;background:var(--success-bg);color:var(--success)}.status-pill.danger{border-color:#ff6f7d61;background:var(--danger-bg);color:var(--danger)}.status-pill.info{border-color:#8fb8ff59;background:var(--info-bg);color:var(--info)}.code-editor,.result-output{width:100%;min-width:0;height:100%;margin:0;border:0;outline:none;padding:18px;resize:none;overflow:auto;background:#0d0f12;color:#e8edf4;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.94rem;line-height:1.58;tab-size:2}.result-output{white-space:pre-wrap}.result-output.empty{color:var(--muted)}.error-slot{display:flex;align-items:center;min-width:0;border-top:1px solid var(--border);padding:0 18px;overflow:hidden;background:#12151a;color:var(--danger);font-size:.85rem}.error-slot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:980px){.app-header,.query-section{grid-template-columns:1fr}.app-header{display:grid}.toolbar,.suggestions{justify-content:flex-start}.workspace{grid-template-columns:1fr}.panel{grid-template-rows:auto minmax(420px,58vh) 36px}}@media(max-width:560px){.app-shell{width:min(100% - 20px,1440px);padding:20px 0}.toolbar,.suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.toolbar button,.suggestion-button{width:100%;padding-right:8px;padding-left:8px}.panel-header{display:grid;gap:12px;padding:14px}.status-pill{max-width:100%;width:max-content}.code-editor,.result-output{padding:14px;font-size:.88rem}}