.sql{position:relative}.sql__bar{display:flex;align-items:stretch;gap:0;border-bottom:1px solid var(--border);background:#080a0d99;min-height:48px}.sql__file{display:flex;align-items:center;gap:8px;padding:0 18px;border-right:1px solid var(--border);font-family:var(--f-mono);font-size:12px;color:var(--white);white-space:nowrap}.sql__db{color:var(--muted)}.sql__dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px rgba(var(--cat-rgb),.6)}.sql__tabs{display:flex;min-width:0;overflow-x:auto;scrollbar-width:none}.sql__tabs::-webkit-scrollbar{display:none}.sql-tab{display:flex;align-items:center;gap:8px;padding:0 16px;min-height:48px;background:transparent;border:0;border-right:1px solid var(--border);font-family:var(--f-mono);font-size:11.5px;color:var(--muted);white-space:nowrap;position:relative;transition:color var(--t-fast),background var(--t-fast)}.sql-tab:hover{color:var(--white)}.sql-tab__n{font-size:10px;opacity:.7}.sql-tab[aria-selected=true]{color:var(--white);background:var(--panel)}.sql-tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--blue)}.sql-tab[aria-selected=true] .sql-tab__n{color:var(--blue-electric);opacity:1}.demo-ui .sql-tab:focus-visible{outline-offset:-3px}.sql__run{margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;margin-right:10px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:var(--black);font-family:var(--f-mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:background var(--t-fast),opacity var(--t-fast)}.sql__run svg{width:10px;height:10px}.sql__run:hover{background:var(--blue-bright)}.sql__run:disabled{opacity:.55;cursor:progress}.sql__kbd{align-self:center;margin-right:16px;font-family:var(--f-mono);font-size:10px;color:var(--muted);white-space:nowrap}.sql__kbd kbd{font-family:inherit;border:1px solid var(--border-strong);border-radius:3px;padding:1px 4px;color:var(--text)}.sql__editor{position:relative;overflow:hidden}.sql__code{margin:0;padding:18px 0;font-family:var(--f-mono);font-size:13.5px;line-height:1.75;color:var(--text);counter-reset:ln;overflow-x:auto;min-height:290px;-moz-tab-size:4;tab-size:4}.sql__code:focus{outline:none}.sql__code:focus-visible{box-shadow:inset 0 0 0 2px var(--blue-bright)}.sql-line{display:block;padding-right:24px;white-space:pre;position:relative;transition:background .3s}.sql-line:before{counter-increment:ln;content:counter(ln);display:inline-block;width:56px;padding-right:20px;margin-right:20px;text-align:right;color:#4a5566;border-right:1px solid var(--border);-webkit-user-select:none;user-select:none}.t-kw{color:var(--cat2)}.t-fn{color:var(--blue-pale)}.t-str{color:#ff8f85}.t-num{color:var(--blue-pale)}.t-op{color:var(--muted)}.t-id{color:var(--text)}.sql__caret{display:inline-block;width:7px;height:1.1em;margin-left:2px;vertical-align:-.2em;background:var(--blue-electric);animation:blink 1.1s step-end infinite}.demo__frame:not(.is-onscreen) .sql__caret,.is-running .sql__caret{animation-play-state:paused}.sql__pulse{position:absolute;top:0;bottom:0;left:0;width:22%;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(var(--cat-rgb),.16) 60%,rgba(var(--cat2-rgb),.55) 98%,transparent);transform:translate(-100%)}.sql__pulse:after{content:"";position:absolute;right:2%;top:0;bottom:0;width:1px;background:var(--blue-electric);box-shadow:0 0 14px 2px rgba(var(--cat-rgb),.7)}.is-running .sql__pulse{animation:sqlSweep .78s var(--ease) forwards}.is-running .sql-line{animation:sqlLine .78s ease-out both;animation-delay:calc(var(--i) * 45ms)}@keyframes sqlSweep{0%{opacity:1;transform:translate(-100%)}85%{opacity:1}to{opacity:0;transform:translate(460%)}}@keyframes sqlLine{0%{background:transparent}30%{background:rgba(var(--cat-rgb),.08)}to{background:transparent}}.sql__status{display:flex;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid var(--border);font-family:var(--f-mono);font-size:11.5px;letter-spacing:.04em;color:var(--muted);flex-wrap:wrap}.sql__state{color:var(--text);letter-spacing:.08em}.sql__status.is-running .sql__state{color:var(--blue-electric)}.sql__status.is-running .sql__state:after{content:"…"}.sql__status.is-done .sql__state{color:var(--blue-electric)}.sql__status.is-done .sql__state:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:10px;vertical-align:1px;box-shadow:0 0 8px rgba(var(--cat-rgb),.7)}.sql__status.is-done .sql__hint{color:var(--white)}.sql__progress{height:1px;background:var(--border);position:relative;overflow:hidden}.sql__progress span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--blue);transform:scaleX(0);transform-origin:left}.is-running .sql__progress span{animation:sqlProgress .78s var(--ease) forwards}@keyframes sqlProgress{to{transform:scaleX(1)}}.sql__out{min-height:420px}.sql-empty{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:420px;padding:32px 24px;color:var(--muted)}.sql-empty p{max-width:420px}.sql-empty .mono{color:var(--white);font-size:12.5px}.sql-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);transition:opacity .3s}.sql-grid.is-stale{opacity:.35}.sql-grid>section{padding:18px 20px 20px;min-width:0}.sql-grid__chart{border-left:1px solid var(--border)}.sql-sec{font-family:var(--f-mono);font-size:10.5px;font-weight:400;letter-spacing:.08em;color:var(--white);margin-bottom:12px}.sql-res{max-height:372px;overflow:auto;border:1px solid var(--border);border-radius:5px;background:#080a0d;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.sql-table{font-size:12.5px}.sql-table th,.sql-table td{padding:8px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;font-weight:400}.sql-table thead th{position:sticky;top:0;z-index:1;background:#0a0f17;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;color:var(--muted)}.sql-table thead sup{color:var(--blue-electric);margin-left:2px}.sql-table tbody th{color:var(--white)}.sql-table .is-num{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:12px}.sql-table tbody tr:hover>*{background:#ffffff06}.sql-table__rn{width:1%;color:#4a5566;font-family:var(--f-mono);font-size:10.5px;text-align:right!important;padding-right:4px!important}.sql-foot{margin-top:10px;font-family:var(--f-mono);font-size:10.5px;color:var(--muted)}.sql-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:5px;overflow:hidden;margin-bottom:20px}.sql-stat{background:#080a0d;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}.sql-stat__k{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.08em;color:var(--muted)}.sql-stat__v{font-family:var(--f-display);font-size:21px;font-weight:500;letter-spacing:-.02em;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sql-chart__t{font-family:var(--f-mono);font-size:10px;font-weight:400;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.sql-hbars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.sql-hbars li{display:grid;grid-template-columns:minmax(0,132px) minmax(0,1fr) 62px;gap:10px;align-items:center}.sql-hbars__k{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sql-hbars__track{height:10px;background:#ffffff0a;border-radius:2px;overflow:hidden}.sql-hbars__fill{display:block;height:100%;width:0;background:#a9d3ff57;border-radius:2px;transition:width .7s var(--ease)}.sql-hbars li:nth-child(2) .sql-hbars__fill{transition-delay:40ms}.sql-hbars li:nth-child(3) .sql-hbars__fill{transition-delay:80ms}.sql-hbars li:nth-child(4) .sql-hbars__fill{transition-delay:.12s}.sql-hbars li:nth-child(n+5) .sql-hbars__fill{transition-delay:.16s}.is-drawn .sql-hbars__fill{width:var(--w)}.sql-hbars li.is-top .sql-hbars__fill{background:linear-gradient(90deg,var(--blue),var(--blue-bright))}.sql-hbars__v{font-size:11.5px;color:var(--white);text-align:right}.sql-cols{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:8px;height:190px;border-bottom:1px solid var(--border)}.sql-cols li{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.sql-cols li .num{font-size:10px;color:var(--muted)}.sql-cols__bar{width:100%;max-width:30px;height:0;background:#a9d3ff4d;border-radius:2px 2px 0 0;transition:height .7s var(--ease)}.is-drawn .sql-cols__bar{height:calc(var(--h) * .78)}.sql-cols li.is-top .sql-cols__bar{background:linear-gradient(var(--blue-bright),var(--blue))}.sql-cols li.is-top .num{color:var(--white)}.sql-cols__k{font-family:var(--f-mono);font-size:10px;color:var(--muted);margin-bottom:-22px}.sql-cols{margin-bottom:24px}@media(max-width:1099px){.sql__kbd{display:none}.sql-grid{grid-template-columns:minmax(0,1fr)}.sql-grid__chart{border-left:0;border-top:1px solid var(--border)}}@media(max-width:899px){.sql__bar{flex-wrap:wrap}.sql__file{flex:1 1 auto;min-height:44px;border-right:0;padding:0 14px}.sql__run{height:40px;min-width:88px;justify-content:center}.sql__tabs{order:3;flex:1 1 100%;border-top:1px solid var(--border)}.sql-tab{min-height:46px;padding:0 14px}.sql__code{font-size:12px;min-height:0;padding:14px 0}.sql-line:before{width:36px;padding-right:10px;margin-right:12px}.sql__status{padding:12px 14px}.sql__out,.sql-empty{min-height:260px}.sql-grid>section{padding:16px 14px}.sql-res{max-height:300px}.sql-hbars li{grid-template-columns:minmax(0,104px) minmax(0,1fr) 56px;gap:8px}.sql-cols{gap:5px;height:160px}}.sql-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border-strong)}.sql-path li{position:relative;padding:26px 32px 0 0}.sql-path li+li{padding-left:32px}.sql-path li:not(:last-child):after{content:"→";position:absolute;right:-10px;top:58px;font-family:var(--f-mono);font-size:18px;color:var(--muted)}.sql-path li:last-child .sql-path__t{color:var(--blue)}.sql-path__n{display:block;font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.08em;margin-bottom:18px}.sql-path__t{font-family:var(--f-display);font-weight:500;font-size:clamp(24px,2.6vw,40px);letter-spacing:-.035em;line-height:1;color:var(--white);margin-bottom:16px}.sql-path p{color:var(--muted);font-size:15px;max-width:28ch}@media(max-width:899px){.sql-path{grid-template-columns:1fr;border-top:0}.sql-path li,.sql-path li+li{padding:22px 0 22px 44px;border-top:1px solid var(--border)}.sql-path__n{position:absolute;left:0;top:30px;margin:0}.sql-path li:not(:last-child):after{content:"↓";right:auto;left:2px;top:auto;bottom:-12px;font-size:14px;background:var(--black);padding:0 2px;z-index:1}.sql-path__t{margin-bottom:8px}}