@font-face{font-family:Aeonik;src:url(/fonts/aeonik-semibold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Aeonik Fono;src:url(/fonts/aeonikfono-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Aeonik Fono;src:url(/fonts/aeonikfono-medium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--ink:#061820;--teal:#044;--green:#68c7ac;--paper:#f7f8f6;--panel:#fff;--muted:#5c6d70;--line:#d9dfdd;--display:"Aeonik", sans-serif;--mono:"Aeonik Fono", monospace}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0}button,textarea{font:inherit}.app-shell{width:min(100% - 40px,1200px);margin:0 auto;padding-bottom:48px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;display:flex}.topbar span{color:var(--muted);font-size:12px}.demo{padding-top:38px}.demo-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.demo-header h1{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:32px}.demo-header p{color:var(--muted);margin:7px 0 0;font-size:13px}.connection-status{border:1px solid var(--line);background:var(--panel);max-width:420px;color:var(--muted);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.connection-status:disabled{cursor:default}.connection-status:not(:disabled):hover{border-color:var(--teal)}.status-dot{background:#c59135;border-radius:50%;flex:none;width:7px;height:7px}.connection-verified .status-dot{background:#22835f}.connection-failed{color:#973c32}.connection-failed .status-dot{background:#973c32}.connection-error{color:#84382f;background:#fff6f5;border:1px solid #e1c0bc;border-radius:4px;margin:14px 0 0;padding:10px 12px;font-size:11px}.examples{gap:8px;margin-top:28px;display:flex}.examples button{border:1px solid var(--line);background:var(--panel);min-height:34px;color:var(--muted);cursor:pointer;border-radius:4px;padding:0 11px;font-size:11px}.examples button.active{border-color:var(--teal);background:var(--teal);color:#fff}.workbench{grid-template-columns:390px minmax(0,1fr);gap:16px;margin-top:12px;display:grid}.input-panel,.result-card{border:1px solid var(--line);background:var(--panel);border-radius:5px}.input-panel{padding:20px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-title h2{font-family:var(--display);margin:0;font-size:18px}.panel-title span{color:var(--muted);font-size:10px}label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:16px 0 7px;font-size:10px;font-weight:500;display:block}textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcfb;border-radius:4px;outline:none;font-size:12px;line-height:1.55;display:block}textarea:focus{border-color:var(--teal);box-shadow:0 0 0 2px #00444414}.question-input{min-height:104px;padding:12px}.schema-input{min-height:260px;padding:13px;font-size:11px}.run-button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:4px;width:100%;min-height:42px;margin-top:18px;font-size:12px;font-weight:500}.run-button:hover:not(:disabled){background:#075454}.run-button:disabled{cursor:not-allowed;opacity:.45}.results{gap:16px;min-width:0;display:grid}.result-card{min-width:0;overflow:hidden}.result-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 14px;display:flex}.result-header>div:first-child{flex-direction:column;min-width:0;display:flex}.result-header strong{font-family:var(--display);font-size:13px}.result-header code,.result-actions span{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;font-size:9px;overflow:hidden}.result-actions{align-items:center;gap:8px;display:flex}.copy-button{border:1px solid var(--line);width:28px;height:28px;color:var(--teal);cursor:pointer;background:#fff;border-radius:4px;place-items:center;display:grid}.copy-button svg{width:14px}.code-window{background:var(--ink);color:#d8eee7;min-height:187px}.code-window>p{color:#7c9697;margin:0;padding:22px;font-size:11px}.code-window pre{white-space:pre-wrap;word-break:break-word;min-height:187px;margin:0;padding:20px;overflow:auto}.code-window code{font-family:var(--mono);font-size:11px;line-height:1.65}.code-window .code-error{color:#ffaaa0}.verification-backdrop{z-index:40;cursor:default;background:#06182047;border:0;position:fixed;inset:0}.verification-drawer{z-index:50;border-left:1px solid var(--line);background:var(--panel);flex-direction:column;width:min(88vw,380px);height:100dvh;animation:.18s ease-out slide-in;display:flex;position:fixed;top:0;right:0;box-shadow:-16px 0 48px #06182024}.verification-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;padding:0 14px 0 18px;display:flex}.verification-drawer-header strong{font-family:var(--display);font-size:14px}.verification-drawer-header button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.verification-drawer-header button:hover{background:var(--paper);color:var(--ink)}.verification-drawer-header svg{width:18px}.verification-frame{background:var(--panel);border:0;flex:1;width:100%;height:100%}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width:850px){.workbench{grid-template-columns:1fr}.results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.app-shell{width:min(100% - 24px,1200px);padding-bottom:24px}.topbar{height:60px}.demo{padding-top:26px}.demo-header{flex-direction:column}.demo-header h1{font-size:27px}.connection-status{max-width:100%}.examples{padding-bottom:4px;overflow-x:auto}.examples button{flex:none}.results{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.verification-drawer{animation:none}}