.ide{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.ide-stage{pointer-events:none;user-select:none;transform-origin:0 0;font-family:"Geist Variable", var(--font-sans), sans-serif;letter-spacing:normal;color:#fafafa;text-align:left;font-size:13px;line-height:20px;transition:opacity .7s,filter .7s;position:absolute;top:0;left:0}.ide-stage.is-out{opacity:0;filter:blur(6px)}.ide-code{font-family:Geist Mono Variable,ui-monospace,monospace;font-size:14px;line-height:22px;position:absolute;top:24px;left:24px;right:24px}.ide-line{gap:22px;transition:background .9s;display:flex}.ide-line.is-new{background:#60a5fa14}.ide-num{text-align:right;color:#525252;flex:none;width:18px;transition:color .2s}.ide-num.is-active{color:#fafafa}.ide-text{white-space:pre;color:#a3a3a3;transition:background .12s;display:inline-block;position:relative}.ide-text.is-sel{background:#60a5fa38}.ide-now.is-in{animation:.52s cubic-bezier(.22,1,.36,1) .12s backwards ide-in;display:inline-block}.ide-old{white-space:pre;pointer-events:none;animation:.38s forwards ide-out;position:absolute;top:0;left:0}@keyframes ide-out{to{opacity:0;filter:blur(4px);translate:0 -3px}}@keyframes ide-in{0%{opacity:0;filter:blur(4px);translate:0 3px}}.ide-k{color:#60a5fa}.ide-f{color:#c084fc}.ide-p{color:#facc15}.ide-s{color:#4ade80}.ide-t{color:#a3a3a3}.ide-ai{position:absolute;top:118px;left:64px}.ide-toolbar{border-radius:11px;align-items:center;gap:3px;padding:3px;display:inline-flex}.ide-tool{color:#e5e5e5;border-radius:8px;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:12px;font-weight:500;transition:background .25s,color .25s;display:inline-flex}.ide-tool-icon{color:#a3a3a3;justify-content:center;width:24px;padding:0}.ide-tool.is-hover,.ide-accept.is-hover{color:#fafafa;background:#ffffff12}.ide-tool[data-tool=explain].is-hover{color:#4ade80bf;background:#22c55e12}.ide-tool[data-tool=optimise].is-hover{color:#60a5facc;background:#3b82f614}.ide-tool.is-explain,.ide-tool.is-explain.is-hover{color:#4ade80;background:#22c55e24}.ide-tool.is-optimise,.ide-tool.is-optimise.is-hover{color:#60a5fa;background:#3b82f629}.ide-divider{background:#2f2f2f;flex:none;width:1px;height:14px}.ide-grip{color:#525252;flex:none;place-items:center;width:14px;display:grid}.ide-head{color:#d4d4d4;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.ide-pages{align-items:center;gap:6px;font-size:13px;display:inline-flex}.ide-pages>span{font-family:Geist Mono Variable,ui-monospace,monospace;font-size:12px}.ide-dim{opacity:.4}.ide-head-end{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.ide-accept{border-radius:7px;place-items:center;width:24px;height:24px;margin-right:-5px;transition:background .25s;display:grid}.ide-answer{color:#e5e5e5;margin:0;padding:0 16px 14px;font-size:12.5px;line-height:19px}.ide-answer>span{opacity:0;filter:blur(3px);transition:opacity .4s,filter .4s}.ide-answer>span.is-in{opacity:1;filter:none}.ide-sql-code{background:#131313;border-top:1px solid #262626;border-bottom:1px solid #262626;padding:8px 0 10px;font-family:Geist Mono Variable,ui-monospace,monospace;font-size:13px;line-height:22px}.ide-sql-line{white-space:pre;gap:16px;height:22px;padding:0 14px;transition:height .55s cubic-bezier(.22,1,.36,1),opacity .45s .12s,filter .45s .12s,background .9s;display:flex;overflow:hidden}.ide-sql-line.is-folded{opacity:0;filter:blur(4px);height:0;transition:none}.ide-sql-line.is-new{background:#60a5fa1a}.ide-sql.is-on .ide-sql-line:not(.is-folded){animation:.5s cubic-bezier(.22,1,.36,1) backwards ide-in}.ide-sql.is-on .ide-sql-line.is-new{animation:none}.ide-follow{color:#fafafa;justify-content:space-between;align-items:center;height:44px;padding:0 6px 0 14px;font-size:12.5px;display:flex}.ide-follow-input{white-space:nowrap;flex:1}.ide-placeholder{color:#737373}.ide-caret{vertical-align:-2px;background:#fafafa;width:1.5px;height:14px;margin-left:1px;animation:1s step-end infinite ide-blink;display:inline-block}@keyframes ide-blink{50%{opacity:0}}.ide-send{color:#a3a3a3;border:1px solid #2f2f2f;border-radius:9px;place-items:center;width:30px;height:30px;transition:background .25s,color .25s,border-color .25s;display:grid}.ide-send>span{grid-area:1/1;place-items:center;transition:opacity .42s,scale .52s cubic-bezier(.34,1.3,.5,1),filter .42s;display:grid}.is-busy .ide-send{background:0 0;border-color:#0000}.is-busy .ide-send-arrow{opacity:0;filter:blur(3px);scale:.3}.ide-sql:not(.is-busy) .ide-send-arrow{transition-delay:.16s}.ide-send-orb{animation:.52s cubic-bezier(.34,1.3,.5,1) .12s both ide-orb-in}@keyframes ide-orb-in{0%{opacity:0;filter:blur(3px);scale:.3}}.ide-sql-code{position:relative;overflow:hidden}.ide-sql-code:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 35%,#ffffff12 50%,#0000 65%) 100% 0/300% 100% no-repeat;transition:opacity .4s;position:absolute;inset:0}.ide-sql.is-busy .ide-sql-code:after{opacity:1;animation:1.6s linear infinite ide-sweep}.ide-sql.is-busy .ide-sql-line{opacity:.5;transition:opacity .4s}@keyframes ide-sweep{to{background-position:0 0}}.ide-send.is-ready{color:#171717;background:#fafafa;border-color:#fafafa}.ide-send.is-ready.is-hover{background:#d4d4d4;border-color:#d4d4d4}.ide-cursor{z-index:2;opacity:0;filter:drop-shadow(0 2px 3px #00000059);transform-origin:2px 2px;width:20px;height:22px;transition-property:translate,opacity,scale;transition-timing-function:cubic-bezier(.65,0,.35,1),ease,ease;display:block;position:absolute;top:-2px;left:-2px}.ide-arrow,.ide-ibeam{transition:opacity .12s;position:absolute}.ide-arrow{top:0;left:0}.ide-ibeam{opacity:0;top:-8px;left:-3px}.ide-cursor.is-text .ide-arrow{opacity:0}.ide-cursor.is-text .ide-ibeam,.ide-cursor.is-shown{opacity:1}.ide-cursor.is-down{scale:.86}.ide-toolbar,.ide-panel{background:#171717;border:1px solid #2f2f2f;border-radius:14px;box-shadow:0 10px 28px #00000073}.ide-toolbar{opacity:0;filter:blur(6px);border-radius:12px;transition:opacity .45s cubic-bezier(.22,1,.36,1),filter .45s cubic-bezier(.22,1,.36,1),translate .45s cubic-bezier(.22,1,.36,1);translate:0 4px}.ide-pop{opacity:0;filter:blur(6px);transition:opacity .45s cubic-bezier(.22,1,.36,1),filter .45s cubic-bezier(.22,1,.36,1),translate .45s cubic-bezier(.22,1,.36,1);position:absolute;top:38px;left:0;translate:0 4px}.ide-toolbar.is-in,.ide-pop.is-in{opacity:1;filter:none;translate:0}.ide-beam{width:max-content;display:inline-block}.ide-panel{box-sizing:content-box;transition:width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.ide-panel.is-instant{transition:none}.ide-layer{opacity:0;filter:blur(4px);pointer-events:none;width:440px;transition:opacity .35s,filter .35s;position:absolute;top:0;left:0}.ide-layer.is-on{opacity:1;filter:none;pointer-events:auto;transition-delay:.18s}.ide-loading{flex-direction:column;gap:12px;padding:0 12px 16px 8px;display:flex}.ide-loading-row{align-items:center;gap:10px;height:34px;margin-bottom:-4px;display:flex}.ide-loading>.ide-bar{margin-left:4px}.ide-bar{background:linear-gradient(90deg,#0000 35%,#ffffff14 50%,#0000 65%) 100% 0/300% 100% no-repeat,#ffffff0f;border-radius:5px;flex:none;height:10px;animation:1.6s linear infinite ide-bar-shimmer;display:block}@keyframes ide-bar-shimmer{to{background-position:0 0,0 0}}.ide-orb{flex:none;place-items:center;width:20px;height:20px;display:grid}:root:not([data-theme=dark]) .ide-stage{color:#0a0a0a}:root:not([data-theme=dark]) .ide-line.is-new{background:#2563eb12}:root:not([data-theme=dark]) .ide-num{color:#a3a3a3}:root:not([data-theme=dark]) .ide-num.is-active{color:#0a0a0a}:root:not([data-theme=dark]) .ide-text,:root:not([data-theme=dark]) .ide-t{color:#525252}:root:not([data-theme=dark]) .ide-text.is-sel{background:#2563eb29}:root:not([data-theme=dark]) .ide-k{color:#2563eb}:root:not([data-theme=dark]) .ide-f{color:#9333ea}:root:not([data-theme=dark]) .ide-p{color:#ca8a04}:root:not([data-theme=dark]) .ide-s{color:#16a34a}:root:not([data-theme=dark]) .ide-toolbar,:root:not([data-theme=dark]) .ide-panel{background:#fff;border-color:#e5e5e5;box-shadow:0 10px 28px #00000014,0 1px 2px #0000000a}:root:not([data-theme=dark]) .ide-tool{color:#262626}:root:not([data-theme=dark]) .ide-tool-icon{color:#737373}:root:not([data-theme=dark]) .ide-tool.is-hover,:root:not([data-theme=dark]) .ide-accept.is-hover{color:#0a0a0a;background:#0000000d}:root:not([data-theme=dark]) .ide-tool[data-tool=explain].is-hover{color:#16a34acc;background:#16a34a12}:root:not([data-theme=dark]) .ide-tool[data-tool=optimise].is-hover{color:#2563ebcc;background:#2563eb12}:root:not([data-theme=dark]) .ide-tool.is-explain,:root:not([data-theme=dark]) .ide-tool.is-explain.is-hover{color:#16a34a;background:#16a34a1f}:root:not([data-theme=dark]) .ide-tool.is-optimise,:root:not([data-theme=dark]) .ide-tool.is-optimise.is-hover{color:#2563eb;background:#2563eb1f}:root:not([data-theme=dark]) .ide-divider{background:#e5e5e5}:root:not([data-theme=dark]) .ide-head{color:#404040}:root:not([data-theme=dark]) .ide-answer{color:#262626}:root:not([data-theme=dark]) .ide-sql-code{background:#fafafa;border-top-color:#f0f0f0;border-bottom-color:#f0f0f0}:root:not([data-theme=dark]) .ide-sql-line.is-new{background:#2563eb14}:root:not([data-theme=dark]) .ide-follow{color:#0a0a0a}:root:not([data-theme=dark]) .ide-placeholder{color:#a3a3a3}:root:not([data-theme=dark]) .ide-caret{background:#0a0a0a}:root:not([data-theme=dark]) .ide-send{color:#737373;border-color:#e5e5e5}:root:not([data-theme=dark]) .ide-send.is-ready{color:#fff;background:#6d28d9;border-color:#6d28d9}:root:not([data-theme=dark]) .ide-send.is-ready.is-hover{background:#5b21b6;border-color:#5b21b6}:root:not([data-theme=dark]) .is-busy .ide-send{background:0 0;border-color:#0000}:root:not([data-theme=dark]) .ide-sql-code:after{background-image:linear-gradient(90deg,#0000 35%,#0000000d 50%,#0000 65%)}:root:not([data-theme=dark]) .ide-bar{background:linear-gradient(90deg,#0000 35%,#0000000f 50%,#0000 65%) 100% 0/300% 100% no-repeat,#0000000d}:root:not([data-theme=dark]) .ide-cursor{filter:drop-shadow(0 2px 3px #0003)}:root:not([data-theme=dark]) .ide-grip{color:#a3a3a3}