:root{--color-page:#f6f7f9;--color-text:#1d252c;--color-text-strong:#16212b;--color-muted:#5e6874;--color-label:#46525f;--color-panel:#fff;--color-panel-border:#d7dde4;--color-field:#fff;--color-field-border:#b8c2cc;--color-code:#f7fafb;--color-accent:#6f3fb7;--color-accent-text:#fff;--color-accent-soft:#f3eefb;--color-disabled:#839198;--color-disabled-text:#fff;--color-error:#fff8f6;--color-error-border:#edc2b8;--shadow-panel:0 10px 24px #1c252c14;color:var(--color-text);background:var(--color-page);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-page:#101419;--color-text:#e7edf4;--color-text-strong:#f4f7fb;--color-muted:#a4b0bf;--color-label:#c0cad7;--color-panel:#171d24;--color-panel-border:#303a46;--color-field:#0f151d;--color-field-border:#465467;--color-code:#0f151d;--color-accent:#c89bff;--color-accent-text:#140f1f;--color-accent-soft:#111821;--color-disabled:#4c5967;--color-disabled-text:#d5dbe4;--color-error:#2a1516;--color-error-border:#874245;--shadow-panel:0 14px 32px #00000047}}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}.app-shell{gap:12px;width:min(1120px,100vw - 32px);margin:20px auto;display:grid}.panel{background:var(--color-panel);border:1px solid var(--color-panel-border);box-shadow:var(--shadow-panel);border-radius:8px;padding:16px}.hero-row{grid-template-columns:minmax(0,1fr) minmax(320px,.68fr);align-items:start;gap:16px;display:grid}.hero-row h1{margin:0;font-size:1.35rem;line-height:1.2}.hero-row p{color:var(--color-muted);margin:4px 0 0}.brand-block{min-width:0}.key-panel{gap:6px;display:grid}.key-panel>input{min-height:34px;padding-block:5px;line-height:1.1}.key-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.key-panel-header span{color:var(--color-label);font-size:.9rem;font-weight:700}.key-panel-header a{color:var(--color-accent);font-weight:700;text-decoration:none}.tabs{border:1px solid var(--color-field-border);background:var(--color-accent-soft);border-radius:8px;gap:4px;width:fit-content;margin-top:12px;padding:4px;display:flex}.tab-button{min-width:88px;color:var(--color-label);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 12px;font-weight:800}.tab-button.is-active{color:var(--color-accent-text);background:var(--color-accent)}.workspace{grid-template-columns:minmax(320px,.78fr) minmax(0,1fr);gap:16px;display:grid}.control-panel,.output-panel{align-content:start;gap:12px;display:grid}.query-form{gap:12px;display:grid}label{gap:6px;display:grid}label>span,.status-line span{color:var(--color-label);font-size:.9rem;font-weight:700}input,select,textarea{border:1px solid var(--color-field-border);width:100%;color:var(--color-text-strong);background:var(--color-field);border-radius:6px;padding:9px 11px}input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb, var(--color-accent) 25%, transparent);border-color:var(--color-accent)}textarea{resize:vertical}.checkbox-row{grid-template-columns:18px 1fr;align-items:center;gap:8px}.checkbox-row span{line-height:1.25}.checkbox-row input{width:18px;height:18px}.compact-checkbox{width:fit-content}button{width:fit-content;color:var(--color-accent-text);background:var(--color-accent);cursor:pointer;border:0;border-radius:6px;padding:9px 14px;font-weight:800}button:disabled{color:var(--color-disabled-text);background:var(--color-disabled);cursor:wait}.section-header h2{margin:0;font-size:1.12rem}.section-header p{color:var(--color-muted);margin:4px 0 0}.status-line{border-bottom:1px solid var(--color-panel-border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:10px;display:flex}.status-line strong{text-align:right}.output-block h2{margin:0 0 6px;font-size:1rem}pre{white-space:pre-wrap;word-break:break-word;border:1px solid var(--color-panel-border);background:var(--color-code);min-height:96px;max-height:360px;color:var(--color-text);border-radius:6px;margin:0;padding:10px;overflow:auto}.error-block pre{background:var(--color-error);border-color:var(--color-error-border)}.image-preview{border:1px solid var(--color-panel-border);background:var(--color-accent-soft);min-height:260px;color:var(--color-muted);border-radius:8px;place-items:center;display:grid;overflow:hidden}.image-preview img{object-fit:contain;width:100%;max-height:min(70vh,720px);display:block}@media (width<=800px){.app-shell{width:min(100vw - 20px,680px);margin:10px auto}.hero-row,.workspace{grid-template-columns:1fr}.tabs{width:100%}.tab-button{flex:1}}