.engine-console{--color-ink-950:#131517;--color-ink-900:#191c1f;--color-ink-850:#202428;--color-ink-800:#292e33;--color-ink-700:#394047;--color-ink-600:#a0a8b1;--color-ink-500:#adb5bd;--color-ink-400:#bbc2c9;--color-ink-300:#c8ced4;--color-ink-200:#dbe0e4;--color-ink-100:#f0f1f2;--color-ink-50:#fafafa;--color-signal:#efaa80;--color-signal-strong:#ffc29c;--color-waste:#ec977f;--color-waste-dim:#975744;--console-hit:#80c9b0;border:1px solid var(--color-ink-700);background:var(--color-ink-950);min-width:0;color:var(--color-ink-200);font-family:var(--font-sans);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 50px -30px #0009,inset 0 1px #ffffff0a;container:console/inline-size}.engine-console button{cursor:pointer}.engine-console button:disabled{cursor:default;opacity:.45}.engine-console button,.engine-console a{transition:color .15s,background-color .15s,border-color .15s}.console-toolbar{border-bottom:1px solid var(--color-ink-800);background:var(--color-ink-900);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.console-identity{align-items:center;gap:11px;min-width:0;display:flex}.console-mark{width:34px;height:36px;color:var(--color-signal);background:#efaa8009;border:1px solid #efaa8030;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.console-mark svg{width:20px;height:20px}.console-identity strong{font:500 13px var(--font-mono);color:var(--color-ink-100);overflow-wrap:anywhere;display:block}.console-identity div>span{color:var(--color-ink-500);margin-top:2px;font-size:11px;display:block}.console-toolbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.console-engine-state{color:var(--color-ink-400);font:11px var(--font-mono);white-space:nowrap;align-items:center;gap:7px;display:flex}.console-engine-state i{background:var(--color-ink-600);border-radius:50%;width:6px;height:6px}.console-engine-state[data-live=true]{color:var(--console-hit)}.console-engine-state[data-live=true] i{background:var(--console-hit);box-shadow:0 0 9px #80c9b035}.console-quiet-button{color:var(--color-ink-400);white-space:nowrap;border:1px solid #0000;border-radius:5px;padding:5px 8px;font-size:11px}.console-quiet-button:hover{color:var(--color-ink-100);background:var(--color-ink-850)}.console-icon-button{border:1px solid var(--color-ink-700);color:var(--color-ink-300);border-radius:6px;padding:6px}.console-icon-button:hover{background:var(--color-ink-800)}.console-icon-button svg{width:15px;height:15px}.console-body{flex-direction:column;flex:1;min-height:0;display:flex}.console-examples{border-bottom:1px solid var(--color-ink-800);flex-shrink:0;padding:14px 18px 12px}.console-section-caption{color:var(--color-ink-300);justify-content:space-between;gap:12px;margin-bottom:10px;font-size:11px;font-weight:500;display:flex}.console-section-caption>span:last-child{color:var(--color-ink-500);font-size:11px;font-weight:400}.console-example-list{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(190px,1fr);grid-auto-flow:column;gap:8px;margin:-2px;padding:2px 2px 5px;display:grid;overflow-x:auto}.console-example{border:1px solid var(--color-ink-800);background:var(--color-ink-900);text-align:left;scroll-snap-align:start;border-radius:7px;flex-direction:column;gap:7px;min-width:0;padding:10px 12px;display:flex}.console-example:hover{background:var(--color-ink-850);border-color:#565f68}.console-example[aria-pressed=true]{background:linear-gradient(110deg,#efaa8020,#efaa800b);border-color:#efaa8024}.console-example-meta{font:9px var(--font-mono);color:var(--color-ink-500);justify-content:space-between;gap:10px;display:flex}.console-example-meta b{text-transform:uppercase;letter-spacing:.06em;margin-left:7px;font-weight:400}.console-example[aria-pressed=true] .console-example-meta{color:var(--color-signal)}.console-example-title{color:var(--color-ink-100);font-size:12px;font-weight:500;line-height:1.4}.console-example-note{color:var(--color-ink-400);gap:9px;margin:10px 0 0;font-size:11px;line-height:1.6;display:flex}.console-example-note>span{color:var(--color-signal)}.console-workspace{min-width:0;min-height:0;display:grid}.console-request{border-bottom:1px solid var(--color-ink-800);background:#181b1e;min-width:0;min-height:0}.console-builder{flex-direction:column;height:100%;min-height:0;display:flex}.console-builder-heading{border-bottom:1px solid var(--color-ink-800);color:var(--color-ink-100);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.console-mode-switch{background:var(--color-ink-950);border:1px solid var(--color-ink-800);border-radius:5px;gap:2px;padding:2px;display:flex}.console-mode-switch button{color:var(--color-ink-400);border-radius:3px;padding:3px 9px;font-size:11px;font-weight:400}.console-mode-switch button[aria-pressed=true]{color:var(--color-ink-100);background:var(--color-ink-800)}.console-builder-scroll{flex-direction:column;flex:1;gap:18px;min-height:0;padding:16px;display:flex;overflow-y:auto}.console-operation{color:var(--color-ink-400);gap:7px;font-size:11px;display:grid}.console-operation select{width:100%;padding:9px 10px}.console-builder-scroll>.grid{gap:15px}.console-builder-scroll label>span{line-height:1.6}.console-builder-scroll input,.console-builder-scroll select{min-height:35px}.console-builder-scroll label .text-ink-600{font-family:var(--font-sans);font-size:11px}.console-advanced-toggle{border-top:1px solid var(--color-ink-800);color:var(--color-ink-400);justify-content:space-between;gap:6px;padding:10px 0;font-size:11px;display:flex}.console-advanced-toggle:hover{color:var(--color-signal)}.console-advanced-toggle>span:last-child{color:var(--color-ink-500);font-size:11px}.console-run-bar{border-top:1px solid var(--color-ink-800);background:#181b1e;flex-shrink:0;gap:9px;padding:13px 16px;display:grid}.console-run-button{background:var(--color-signal);color:#27190f;border:1px solid #ffd1b14d;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 13px;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 6px #0003}.console-run-button:hover{background:var(--color-signal-strong)}.console-run-button>span>span{margin-right:5px}.console-run-button kbd{font:9px var(--font-mono);opacity:.8;font-weight:400}.console-run-bar>span{text-align:center;color:var(--color-ink-500);font-size:9px}.console-observe{flex-direction:column;min-width:0;min-height:0;display:flex}.console-table-toolbar{border-bottom:1px solid var(--color-ink-800);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.console-table-views{gap:16px;display:flex}.console-table-views button{color:var(--color-ink-500);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.console-table-views button[aria-pressed=true]{color:var(--color-ink-100)}.console-table-views button span{background:var(--color-ink-800);font:9px var(--font-mono);color:var(--color-ink-300);border-radius:4px;padding:1px 5px}.console-legend{color:var(--color-ink-500);gap:12px;font-size:9px;display:flex}.console-legend>span{align-items:center;gap:5px;display:flex}.console-legend i{border-radius:1px;width:5px;height:5px}.legend-hit{background:var(--console-hit)}.legend-waste{background:var(--color-waste)}.legend-changed{background:var(--color-signal)}.console-table{min-width:0;height:280px;min-height:100px;overflow:hidden}.console-table>[role=table]{width:100%}.console-table [role=columnheader],.console-table [role=cell]{font-size:11px}.console-table [role=cell] .text-signal\/35{color:var(--color-ink-500)}.console-table [role=cell]>span>.text-ink-500{color:var(--color-ink-600);font-size:8px}.engine-console .row-hit{box-shadow:inset 2px 0 var(--console-hit);background:#80c9b00d;animation:.6s ease-out console-row-hit}.engine-console .row-scanned{box-shadow:inset 2px 0 var(--color-waste);background:#ec977f08}.console-splitter{border-block:1px solid var(--color-ink-800);background:var(--color-ink-900);cursor:row-resize;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;height:7px;display:flex}.console-splitter span{background:var(--color-ink-700);border-radius:2px;width:28px;height:2px}.console-splitter:hover span{background:var(--color-signal)}.console-results{height:var(--result-height);background:#16191c;flex-direction:column;flex-shrink:0;min-height:96px;display:flex}.console-result-toolbar{border-bottom:1px solid var(--color-ink-800);flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:0 14px;display:flex}.console-result-tabs{gap:17px;display:flex}.console-result-tabs button{color:var(--color-ink-500);white-space:nowrap;border-bottom:2px solid #0000;padding:12px 0 10px;font-size:11px}.console-result-tabs button[aria-selected=true]{color:var(--color-ink-100);border-bottom-color:var(--color-signal)}.console-result-state{color:var(--console-hit);font:9px var(--font-mono)}.console-result-state[data-error=true]{color:var(--color-waste)}.console-result-content{flex:1;min-height:0;padding:17px 18px;overflow:auto}.console-empty{justify-content:center;align-items:flex-start;gap:14px;padding:17px 0;display:flex}.console-empty>span{font:24px var(--font-mono);color:var(--color-signal)}.console-empty strong{color:var(--color-ink-200);font-size:13px;font-weight:500}.console-empty p{max-width:350px;color:var(--color-ink-500);margin-top:6px;font-size:11px;line-height:1.7}.response-metrics{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));margin-bottom:18px;display:grid}.response-metric{border-left:1px solid var(--color-ink-800);padding:0 15px}.response-metric:first-child{border-left:0;padding-left:0}.response-metric>span{color:var(--color-ink-500);margin-bottom:6px;font-size:11px;display:block}.response-metric strong{font:400 25px var(--font-mono);letter-spacing:-.06em;color:var(--color-ink-100);white-space:nowrap}.response-metric[data-tone=hit] strong{color:var(--console-hit)}.response-metric[data-tone=waste] strong{color:var(--color-waste)}.response-insight{background:#80c9b005;border:1px solid #80c9b025;border-radius:6px;margin-bottom:12px;padding:12px}.response-insight[data-waste=true]{background:#ec977f05;border-color:#ec977f30}.response-read-bar{background:var(--color-waste);border-radius:2px;height:4px;margin-bottom:9px;overflow:hidden}.response-read-bar span{background:var(--console-hit);height:100%;display:block}.response-insight p,.response-message{color:var(--color-ink-300);font-size:11px;line-height:1.6}.response-message{margin-bottom:12px}.console-json-caption{color:var(--color-ink-500);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.console-error{color:var(--color-waste);overflow-wrap:anywhere;background:#ec977f08;border:1px solid #ec977f40;border-radius:6px;padding:13px;font-size:12px}.console-error p{font:11px/1.7 var(--font-mono);margin:8px 0}.console-error>span{color:var(--color-ink-400);font-size:11px}.console-footer{border-top:1px solid var(--color-ink-800);background:var(--color-ink-900);color:var(--color-ink-500);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:8px;padding:9px 17px;font-size:9px;display:flex}.console-footer-end{align-items:center;gap:14px;min-width:0;display:flex}.console-embed-link{color:var(--color-ink-300);border-bottom:1px solid var(--color-ink-700);white-space:nowrap}.console-embed-link:hover{color:var(--color-signal);border-color:var(--color-signal)}.console-powered{align-items:center;gap:5px;display:flex}.console-powered>span:first-child{color:var(--color-signal);margin-right:2px;font-size:13px}.console-powered a{color:var(--color-ink-200);font-weight:500}.console-powered a:hover{color:var(--color-signal)}.console-wasm{border:1px solid var(--color-ink-700);font:8px var(--font-mono);border-radius:3px;margin-left:3px;padding:1px 3px}.playground-intro{justify-content:space-between;align-items:center;gap:24px;display:flex}.playground-schema{text-align:right;line-height:1.9}@container console (width>=640px){.console-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(250px,28%) minmax(0,1fr);height:clamp(320px,100dvh - 390px,680px)}.console-fill .console-workspace,.console-expanded .console-workspace{flex:1;height:auto}.console-request{border-right:1px solid var(--color-ink-800);border-bottom:0}.console-table{flex:1;height:auto}.console-results{max-height:min(62%,100% - 145px)}}@container console (width<=639px){.console-builder-scroll{max-height:340px}.console-example-list{grid-auto-columns:minmax(190px,44%)}.console-result-state,.console-engine-state,.console-footer-detail,.console-embed-link,.console-section-caption>span:last-child{display:none}.console-toolbar,.console-examples{padding-left:12px;padding-right:12px}.console-toolbar-actions{gap:3px}.console-legend{gap:7px}.console-result-content{padding:14px}.response-metrics{grid-template-columns:repeat(2,1fr);gap:16px}.response-metric:nth-child(odd){border-left:0;padding-left:0}.console-results{height:max(280px, var(--result-height))}}@media (width>=1024px){.console-fill{flex:1;min-height:0}}@media (width<=1023px){.playground-schema{display:none}}.console-expanded{border-radius:0}:is(.console-expanded:fullscreen,.engine-console:fullscreen){background:var(--color-ink-950);border-radius:0;width:100%;height:100%;max-height:none}@container console (width<=639px){.console-expanded .console-body{overflow-y:auto}.console-expanded .console-workspace{flex-shrink:0}}@keyframes console-row-hit{0%{background:#80c9b030}to{background:#80c9b00d}}@media (prefers-reduced-motion:reduce){.engine-console .row-hit{animation:none}.engine-console *{transition:none!important}}@container console (width>=640px) and (width<=899px){.console-result-state{display:none}.response-metrics{grid-template-columns:repeat(2,1fr);gap:14px}.response-metric:nth-child(odd){border-left:0;padding-left:0}.response-metric strong{font-size:22px}.console-legend{gap:7px}}.console-builder-scroll :is(input,select,textarea){border-color:#71808d}
