.cx{perspective:1800px;justify-items:center;gap:28px;display:grid;position:relative}.cx:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--fg) 5%, transparent), transparent);filter:blur(40px);pointer-events:none;border-radius:50%;position:absolute;inset:12% 8% -6%}.cx-switch{border:1px solid var(--line);background:var(--panel);border-radius:10px;gap:2px;padding:3px;display:inline-flex;position:relative}.cx-switch button{color:var(--fg-3);font:500 13px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 14px;transition:color .2s,background-color .25s;position:relative;overflow:hidden}.cx-switch button:hover{color:var(--fg)}.cx-switch button[aria-selected=true]{background:var(--glow);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-2)}.cx-switch button:after{content:"";background:var(--fg-3);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.cx[data-auto=on][data-playing] .cx-switch button[aria-selected=true]:after{animation:9s linear forwards cxProgress}.cx:is(:hover,:focus-within) .cx-switch button:after{animation-play-state:paused!important}@keyframes cxProgress{to{transform:scaleX(1)}}.cx-frame{--cx-bg:color-mix(in oklab, var(--panel) 96%, var(--fg));border:1px solid var(--line-2);background:var(--panel);text-align:left;transform-origin:50% 0;width:100%;height:640px;transition:transform 1.2s var(--ease), opacity 1s var(--ease);border-radius:14px;grid-template-rows:52px minmax(0,1fr);grid-template-columns:216px minmax(0,1fr);font-size:13px;line-height:1.45;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px -40px #0009}[data-theme=light] .cx-frame{box-shadow:0 30px 80px -50px #00000038}.js .cx:not(.in-view) .cx-frame{opacity:0;transform:translateY(16px)}.cx-frame svg{flex:none}.cx-frame :where(svg[viewBox="0 0 256 256"]){width:16px;height:16px}.cx kbd{border:1px solid var(--line-2);font:10.5px/18px var(--mono);color:var(--fg-3);background:var(--panel);border-radius:5px;padding:0 5px}.cx-side{border-right:1px solid var(--line);background:var(--bg-2);flex-direction:column;grid-row:1/-1;gap:14px;min-width:0;padding:14px 12px;display:flex}.cx-org{align-items:center;gap:9px;padding:4px 6px;display:flex}.cx-org b{font-weight:500}.cx-mark{background:var(--fg);border-radius:5px;gap:2px;width:20px;height:20px;padding:4px 3px;display:grid;transform:skewY(-12deg)}.cx-mark i{background:var(--invert);border-radius:1px;display:block}.cx-project{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.cx-project-mark{border:1px solid var(--line-2);width:26px;height:26px;font:500 11.5px var(--mono);border-radius:7px;flex:none;place-items:center;display:grid}.cx-project b,.cx-user b{font-weight:500;display:block}.cx-side small{color:var(--fg-3);font-size:11.5px;display:block}.cx-nav{gap:1px;display:grid}.cx-nav>*{color:var(--fg-2);font:400 13px var(--sans);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:6px 10px;transition:background-color .15s,color .15s;display:flex}.cx-nav svg{color:var(--fg-3);transition:color .15s}.cx-nav button{cursor:pointer}.cx-nav button:hover,.cx-nav [aria-current=page]{background:var(--glow);color:var(--fg)}.cx-nav [aria-current=page] svg{color:var(--fg)}.cx-user{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:12px 4px 0;display:flex}.cx-me{background:var(--line-2);width:26px;height:26px;color:var(--fg);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:500;display:grid}.cx-top{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:0 16px 0 20px;display:grid}.cx-crumbs{min-width:0;color:var(--fg-2);white-space:nowrap;align-items:center;gap:8px;display:flex}.cx-crumbs i{color:var(--line-2);font-style:normal}.cx-crumbs b{color:var(--fg);font-weight:500}.cx-chev{color:var(--fg-3);display:inline-flex}.cx-chev svg{width:13px!important;height:13px!important}.cx-cmd{border:1px solid var(--line);background:var(--bg-2);width:260px;color:var(--fg-3);border-radius:8px;align-items:center;gap:10px;padding:5px 6px 5px 10px;display:flex}.cx-cmd kbd{margin-left:auto}.cx-top-end{justify-content:flex-end;align-items:center;gap:14px;display:flex}.cx-live-count{color:var(--fg-2);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.cx-live-count em{border-left:1px solid var(--line-2);color:var(--fg-3);padding-left:8px;font-style:normal}.cx-live{background:var(--fg);border-radius:50%;flex:none;width:6px;height:6px;animation:2s infinite cxPing}@keyframes cxPing{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--fg) 55%, transparent)}70%,to{box-shadow:0 0 0 6px #0000}}.cx-btn{border:1px solid var(--line-2);background:var(--panel);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 12px;font-weight:500;display:inline-flex}.cx-btn.primary{border-color:var(--fg);background:var(--fg);color:var(--invert)}.cx-view .cx-btn.primary{border-color:var(--line-2);background:var(--panel);color:var(--fg)}.cx-view .cx-btn.primary kbd{border-color:var(--line-2)}.cx-btn.primary kbd{border-color:color-mix(in oklab, var(--invert) 25%, transparent);color:inherit;opacity:.65;background:0 0;margin-left:2px}.cx-stage{min-height:0;position:relative;overflow:hidden}.cx-view{height:100%;min-height:0;animation:cxIn .6s var(--ease);display:grid}.cx-view[hidden]{display:none}@keyframes cxIn{0%{opacity:0;transform:translateY(6px)}}.cx-page-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.cx-page-head h3{letter-spacing:-.025em;align-items:center;gap:10px;font-size:18px;font-weight:500;display:flex}.cx-page-head p{color:var(--fg-3);margin-top:3px;font-size:12.5px}.cx-count{border:1px solid var(--line-2);color:var(--fg-3);font:500 11.5px/20px var(--mono);letter-spacing:0;border-radius:99px;padding:0 8px}.cx-status{box-shadow:inset 0 0 0 1px var(--line-2);color:var(--fg-2);font:500 11.5px/18px var(--sans);letter-spacing:0;border-radius:99px;justify-self:start;align-items:center;gap:7px;padding:1px 9px;display:inline-flex}.cx-status i{background:var(--fg);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite cxBlink}.cx-status.asleep{color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.cx-status.asleep i{box-shadow:inset 0 0 0 1.25px var(--fg-3);background:0 0;animation:none}.cx-pickchip{border:1px solid var(--line-2);color:var(--fg);font:12px var(--mono);border-radius:8px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.cx-pickchip svg{width:14px!important;height:14px!important}.cx-ico,.cx-url span{color:var(--fg-3);display:inline-flex}.cx-ico-box{background:var(--bg-2);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--line);color:var(--fg-2);border-radius:8px;flex:none;place-items:center;display:grid}.cx-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:0;overflow:hidden}.cx-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.cx-card-head b{font-weight:500;display:block}.cx-card-head span{color:var(--fg-3);font-size:12px}.cx-legend{align-items:center;gap:6px;display:inline-flex;font:11px var(--mono)!important}.cx-legend i{background:var(--fg);border-radius:2px;width:10px;height:2px}.cx-legend i.z{background:repeating-linear-gradient(135deg, var(--line-2) 0 2px, transparent 2px 4px);height:8px;box-shadow:inset 0 0 0 1px var(--line-2);margin-left:8px}.cx-link{font-weight:500;color:var(--fg-2)!important}.cx-dot{background:var(--fg);border-radius:50%;flex:none;width:7px;height:7px}.asleep .cx-dot{box-shadow:inset 0 0 0 1.25px var(--fg-3);background:0 0}.cx-overview{flex-direction:column;gap:16px;padding:20px 22px;display:flex}.cx-conn{border:1px solid var(--line);background:var(--bg-2);min-width:0;max-width:360px;font:11.5px var(--mono);border-radius:10px;align-items:center;gap:10px;padding:7px 10px;display:flex}.cx-conn>span:first-child{background:var(--glow);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--fg-2);border-radius:5px;padding:0 6px;font-size:10.5px;line-height:18px}.cx-conn code{min-width:0;color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cx-metrics{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.cx-metric{background:var(--panel);gap:3px;padding:14px 16px 12px;display:grid}.cx-metric>span{color:var(--fg-3);font-size:12px}.cx-metric b{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.cx-metric b small{color:var(--fg-3);letter-spacing:0;margin-left:4px;font-size:12px;font-weight:400;display:inline}.cx-metric svg{width:100%;height:34px;margin:2px 0}.cx-metric em{color:var(--fg-3);font-size:11.5px;font-style:normal}.cx-metric .line,.cx-chart .line{fill:none;stroke:var(--fg-2);stroke-width:1.25px;vector-effect:non-scaling-stroke;clip-path:inset(0 100% 0 0)}.cx-metric .area,.cx-chart .area{fill:color-mix(in oklab, var(--fg) 5%, transparent);opacity:0;transition:opacity .8s .5s}.cx-view:not([hidden]) :is(.cx-metric,.cx-chart) .line{animation:cxDraw 1.6s var(--ease) .2s forwards}.cx-view:not([hidden]) :is(.cx-metric,.cx-chart) .area{opacity:1}@keyframes cxDraw{to{clip-path:inset(0 -2% 0 0)}}.cx-split{flex:1;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;min-height:0;display:grid}.cx-chart{width:100%;height:auto;padding:14px 16px 10px;display:block;overflow:visible}.cx-chart .grid{stroke:var(--line);stroke-dasharray:2 4;vector-effect:non-scaling-stroke}.cx-chart .zero{fill:url(#cx-hatch)}#cx-hatch line{stroke:var(--line-2);stroke-width:1.5px}.cx-chart .zlabel,.cx-chart .tick{fill:var(--fg-3);font:10.5px var(--mono)}.cx-chart .wake{fill:var(--panel);stroke:var(--fg);stroke-width:1.5px;vector-effect:non-scaling-stroke}.cx-dbs{margin:0;padding:6px;list-style:none;display:grid}.cx-dbs li{border-radius:10px;align-items:center;gap:12px;padding:10px;transition:background-color .15s;display:flex}.cx-dbs li:hover{background:var(--glow)}.cx-dbs b{font:500 13px var(--mono);display:block}.cx-dbs div span{color:var(--fg-3);font-size:11.5px}.cx-dbs em{color:var(--fg-2);font:12px var(--mono);margin-left:auto;font-style:normal}.cx-branches{grid-template-columns:minmax(0,1fr) 290px}.cx-list{flex-direction:column;gap:14px;min-width:0;padding:20px 22px;display:flex}.cx-filters{align-items:center;gap:6px;display:flex}.cx-filters>button{white-space:nowrap;border:1px solid var(--line);color:var(--fg-2);font:12px var(--sans);cursor:pointer;background:0 0;border-radius:99px;flex:none;align-items:center;gap:4px;padding:3px 11px;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.cx-filters>button:hover{color:var(--fg)}.cx-filters small{color:var(--fg-3);font-size:11px}.cx-filters>[aria-pressed=true]{border-color:var(--line-2);background:var(--glow);color:var(--fg)}.cx-filter{border:1px solid var(--line);min-width:0;color:var(--fg-3);border-radius:8px;flex:0 170px;align-items:center;gap:8px;margin-left:auto;padding:5px 10px;display:flex}.cx-table{border:1px solid var(--line);background:var(--panel);border-radius:10px;position:relative;overflow:hidden}.cx-tr{border-top:1px solid var(--line);cursor:pointer;outline:none;grid-template-columns:minmax(0,2fr) minmax(0,.9fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,.7fr);align-items:center;gap:12px;height:44px;padding:0 16px;transition:background-color .15s;display:grid}.cx-tr:first-child{border-top:0}.cx-thead{background:var(--bg-2);height:34px;color:var(--fg-3);cursor:default;font-size:11.5px}.cx-tr:not(.cx-thead):hover,.cx-tr:focus-visible,.cx-tr.selected{background:var(--glow)}.cx-name{align-items:center;gap:8px;min-width:0;padding-left:50px;display:flex}.cx-name b{font:500 12.5px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cx-state{color:var(--fg-2);font:12px var(--mono);align-items:center;gap:8px;display:flex}.cx-num,.cx-when{color:var(--fg-2);font:12px var(--mono);font-variant-numeric:tabular-nums}.cx-when{color:var(--fg-3)}.cx-who{min-width:0;color:var(--fg-2);white-space:nowrap;align-items:center;gap:7px;display:flex;overflow:hidden}.cx-who svg{color:var(--fg-3);width:14px!important;height:14px!important}.asleep .cx-name b{color:var(--fg-2)}.cx-view:not([hidden]) .cx-tr{animation:cxIn .5s var(--ease) both}.cx-view:not([hidden]) .cx-tr:nth-child(3){animation-delay:40ms}.cx-view:not([hidden]) .cx-tr:nth-child(4){animation-delay:80ms}.cx-view:not([hidden]) .cx-tr:nth-child(5){animation-delay:.12s}.cx-view:not([hidden]) .cx-tr:nth-child(6){animation-delay:.16s}.cx-view:not([hidden]) .cx-tr:nth-child(7){animation-delay:.2s}.cx-inspector{border-left:1px solid var(--line);background:var(--bg-2);min-width:0;min-height:0;padding:16px;position:relative;overflow:hidden}.cx-panel{animation:cxIn .45s var(--ease);grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.cx-panel[hidden]{display:none}.cx-panel-head{align-items:flex-start;gap:12px;display:flex}.cx-panel-head b{font:500 13.5px var(--mono);letter-spacing:-.01em;display:block}.cx-panel-head p{color:var(--fg-3);margin-top:2px;font-size:12px}.cx-panel-head p b{font:500 12px var(--sans);color:var(--fg-2);display:inline}.cx-chip-icon{background:var(--panel);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--line-2), 0 6px 16px -8px #00000080;border-radius:10px;flex:none;place-items:center;display:grid}.cx-panel dl{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin:0;display:grid}.cx-panel dl div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 12px;display:flex}.cx-panel dl div:first-child{border-top:0}.cx-panel dt{color:var(--fg-3);font-size:12px}.cx-panel dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:12px;overflow:hidden}.cx-url{border:1px dashed var(--line-2);color:var(--fg-3);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.cx-url code{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-2);flex:1;font-size:11.5px;overflow:hidden}.cx-url span{display:inline-flex}.cx-actions{gap:8px;display:flex}.cx-danger{color:var(--danger);justify-self:start;font-size:12px;font-weight:500}.cx-actions .cx-btn:first-child{flex:1;justify-content:center}.cx-sql{grid-template-columns:196px minmax(0,1fr)}.cx-schema{border-right:1px solid var(--line);background:var(--bg-2);min-height:0;padding:14px 10px}.cx-schema-head{font-family:var(--mono);justify-content:space-between;align-items:center;padding:4px 8px 12px;font-size:12.5px;display:flex}.cx-schema-label{color:var(--fg-3);letter-spacing:.02em;padding:0 8px 6px;font-size:11px}.cx-schema ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.cx-schema li{color:var(--fg-2);font:12px var(--mono);border-radius:7px;align-items:center;gap:8px;padding:6px 8px;display:flex}.cx-schema li svg{color:var(--fg-3);width:14px!important;height:14px!important}.cx-schema li em{color:var(--fg-3);margin-left:auto;font-size:11px;font-style:normal}.cx-schema li.on{background:var(--panel);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}.cx-editor{flex-direction:column;gap:12px;min-width:0;padding:14px 20px 18px;display:flex}.cx-editor-bar{justify-content:space-between;align-items:center;gap:10px;display:flex}.cx-tabs{gap:2px;display:flex}.cx-tabs span{color:var(--fg-3);font:12px var(--mono);border-radius:7px;padding:5px 10px}.cx-tabs .on{background:var(--bg-2);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}.cx-frame{--syn-k:#c3a6ff;--syn-f:#7cc7ff;--syn-s:#8fdc9a;--syn-n:#ffb77a;--syn-c:#6e6e6e}[data-theme=light] .cx-frame{--syn-k:#7c3aed;--syn-f:#0b69c7;--syn-s:#1a7f37;--syn-n:#b35900;--syn-c:#8c8c8c}.cx-code{border:1px solid var(--line);background:var(--bg-2);color:var(--fg);font:12.5px/1.85 var(--mono);border-radius:10px;margin:0;padding:12px 0;overflow:hidden}.cx-code>span{white-space:pre;padding-right:16px;display:block}.cx-code em{width:40px;color:var(--fg-3);text-align:right;opacity:.5;padding-right:16px;font-style:normal;display:inline-block}.cx-code b{font-weight:400}.cx-code .k{color:var(--syn-k);font-weight:500}.cx-code .f{color:var(--syn-f)}.cx-code .s{color:var(--syn-s)}.cx-code .n{color:var(--syn-n)}.cx-code .o{color:var(--fg-2)}.cx-code .c{color:var(--syn-c);font-style:italic}.cx-view:not([hidden]) .cx-code>span{animation:.45s steps(26,end) both cxType}.cx-view:not([hidden]) .cx-code>span:nth-child(2){animation-delay:.25s}.cx-view:not([hidden]) .cx-code>span:nth-child(3){animation-delay:.5s}.cx-view:not([hidden]) .cx-code>span:nth-child(4){animation-delay:.7s}.cx-view:not([hidden]) .cx-code>span:nth-child(5){animation-delay:.95s}.cx-view:not([hidden]) .cx-code>span:nth-child(6){animation-delay:1.15s}@keyframes cxType{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.cx-results{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex:1;min-height:0;overflow:hidden}.cx-view:not([hidden]) .cx-results{animation:cxIn .5s var(--ease) 1.4s both}.cx-results-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 14px;display:flex}.cx-results-head b{font-weight:500}.cx-results-head span{color:var(--fg-3);font:11.5px var(--mono)}.cx-grid>div{border-top:1px solid var(--line);color:var(--fg-2);font:12px var(--mono);grid-template-columns:1fr .8fr .8fr 1.4fr;align-items:center;gap:16px;padding:7px 14px;display:grid}.cx-grid>div:first-child{border-top:0}.cx-grid .th{background:var(--bg-2);color:var(--fg-3);font-size:11px}.cx-grid span:first-child{color:var(--fg)}.cx-grid span:nth-child(2),.cx-grid span:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.cx-grid .bar i{width:var(--w);background:var(--fg-3);transform-origin:0;border-radius:3px;height:6px;display:block}.cx-view:not([hidden]) .cx-grid .bar i{animation:cxGrow .9s var(--ease) 1.6s both}@keyframes cxGrow{0%{transform:scaleX(0)}}.cx-restore{flex-direction:column;gap:16px;padding:20px 22px;display:flex}.cx-timeline{flex-direction:column;flex:1;display:flex}.cx-wal{flex:1;align-items:flex-end;gap:3px;min-height:150px;margin:20px 16px 0;padding-top:34px;display:flex;position:relative}.cx-wal i{height:var(--h);background:color-mix(in oklab, var(--fg) 11%, transparent);transform-origin:bottom;border-radius:2px 2px 0 0;flex:1;transition:background-color .2s}.cx-wal i:hover{background:color-mix(in oklab, var(--fg) 45%, transparent)}.cx-wal i:nth-child(67){background:var(--fg)}.cx-view:not([hidden]) .cx-wal i{animation:cxRise .8s var(--ease) both}@keyframes cxRise{0%{transform:scaleY(0)}}.cx-handle{left:var(--x);background:var(--fg);width:1px;position:absolute;top:0;bottom:0}.cx-handle:after{content:"";background:var(--fg);width:9px;height:9px;box-shadow:0 0 0 3px var(--panel);border-radius:50%;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.cx-handle span{background:var(--fg);color:var(--invert);font:500 11px/16px var(--mono);white-space:nowrap;border-radius:7px;padding:3px 9px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cx-view:not([hidden]) .cx-handle{animation:cxSlide 1.4s var(--ease) .4s both}@keyframes cxSlide{0%{left:96%}}.cx-days{border-top:1px solid var(--line);color:var(--fg-3);font:11px var(--mono);grid-template-columns:repeat(7,1fr);margin-top:6px;padding:12px 16px 14px;display:grid}.cx-restore-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.cx-restore-form label{gap:6px;min-width:0;display:grid}.cx-restore-form label span{color:var(--fg-3);font-size:11.5px}.cx-restore-form label b{border:1px solid var(--line-2);background:var(--bg-2);font:400 12.5px var(--mono);text-overflow:ellipsis;white-space:nowrap;border-radius:9px;padding:8px 12px;overflow:hidden}.cx-restore-form .cx-btn{height:36px}@media (prefers-reduced-motion:reduce){.cx-frame{opacity:1!important;transform:none!important}.cx *,.cx :before,.cx :after{animation:none!important}.cx-metric .line,.cx-chart .line{clip-path:none}}@keyframes cxBlink{50%{opacity:.3}}.cx-tree{z-index:1;pointer-events:none;position:absolute;top:34px;left:16px;overflow:visible}.cx-tree .edge{fill:none;stroke:var(--line-2);stroke-width:1.5px;stroke-dasharray:3 3}.cx-tree .edge.on{stroke:var(--fg-3);stroke-dasharray:none}.cx-tree .node{fill:var(--panel);stroke:var(--fg-3);stroke-width:1.5px}.cx-tree .node.on{fill:var(--fg);stroke:var(--panel);stroke-width:2px}.cx-tree .node.root{fill:var(--fg);stroke:var(--panel)}.cx-view:not([hidden]) .cx-tree .edge{animation:cxFade .8s var(--ease) .2s both}@keyframes cxFade{0%{opacity:0}}.cx-chart-foot{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.cx-chart-foot div{border-left:1px solid var(--line);gap:2px;padding:10px 16px;display:grid}.cx-chart-foot div:first-child{border-left:0}.cx-chart-foot span{color:var(--fg-3);font-size:11.5px}.cx-chart-foot b{font-variant-numeric:tabular-nums;font-weight:500}.cx-split>.cx-card{flex-direction:column;display:flex}.cx-chart{flex:1}.cx-ext{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding:12px 16px;display:grid}.cx-ext>span{color:var(--fg-3);font-size:11.5px}.cx-ext div{flex-wrap:wrap;gap:6px;display:flex}.cx-ext code{border:1px solid var(--line);color:var(--fg-2);border-radius:6px;padding:2px 8px;font-size:11.5px}.cx-head-actions{align-items:center;gap:8px;display:flex}.cx-seg{border:1px solid var(--line);background:var(--bg-2);border-radius:8px;flex:none;gap:2px;padding:2px;display:inline-flex}.cx-seg button{height:24px;color:var(--fg-3);font:500 12px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 9px;transition:color .15s,background-color .15s;display:inline-flex}.cx-seg button svg{width:14px!important;height:14px!important}.cx-seg button:hover{color:var(--fg)}.cx-seg button[aria-pressed=true]{background:var(--panel);color:var(--fg);box-shadow:0 0 0 1px var(--line-2)}.cx-visual{border:1px solid var(--line);background-color:var(--panel);background-image:radial-gradient(circle, var(--line) 1px, transparent 1.2px);background-size:18px 18px;border-radius:10px;flex:1;min-height:0;display:none;position:relative;overflow:hidden}.cx-branches[data-mode=visual] .cx-visual{animation:cxIn .5s var(--ease);display:block}.cx-branches[data-mode=visual] .cx-table{display:none}.cx-visual svg{width:calc(100% - 28px);height:calc(100% - 26px);font-family:var(--mono);font-size:11px;display:block;position:absolute;inset:16px 14px 10px;overflow:visible}.cx-v-tick line{stroke:var(--line);stroke-dasharray:2 4}.cx-v-tick text,.cx-v-now text{fill:var(--fg-3);font-size:10.5px}.cx-v-now line{stroke:var(--fg-3)}.cx-v-restore line{stroke:var(--fg-3);stroke-dasharray:3 3}.cx-v-lane{cursor:pointer;outline:none;transition:opacity .2s}.cx-visual svg:has(.cx-v-lane:hover) .cx-v-lane:not(:hover,.selected){opacity:.5}.cx-v-lane .hit{fill:none;stroke:#0000;stroke-width:20px}.cx-v-lane .track{fill:none;stroke:var(--fg-3);stroke-width:1.5px;stroke-linecap:round}.cx-v-lane.on .track{stroke:var(--fg-2)}.cx-v-lane.selected .track{stroke:var(--fg);stroke-width:2px}.cx-v-lane .ghost{fill:none;stroke:var(--line-2);stroke-dasharray:2 4}.cx-v-lane .fork{fill:var(--fg-2)}.cx-v-lane .end{fill:var(--panel);stroke:var(--fg-3);stroke-width:1.5px}.cx-v-lane.on .end{fill:var(--fg);stroke:var(--panel);stroke-width:2px}.cx-v-lane .name{fill:var(--fg-2);paint-order:stroke;stroke:var(--panel);stroke-width:4px}.cx-v-lane.on .name,.cx-v-lane.selected .name{fill:var(--fg)}.cx-v-lane.selected .name{font-weight:600}.cx-v-lane .state{fill:var(--fg-3);font-size:10.5px}.cx-v-lane:focus-visible .name{text-decoration:underline}.cx-branches[data-mode=visual] .cx-v-lane .track{stroke-dasharray:1200;stroke-dashoffset:1200px;animation:cxLine 1.1s var(--ease) forwards}.cx-branches[data-mode=visual] .cx-v-lane:nth-child(n+5) .track{animation-delay:.1s}@keyframes cxLine{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.cx-v-lane .track{stroke-dasharray:none!important;stroke-dashoffset:0!important}}.cx-branches{transition:grid-template-columns .35s var(--ease)}.cx-branches[data-inspector=closed]{grid-template-columns:minmax(0,1fr) 0}.cx-branches[data-inspector=closed] .cx-inspector{border-left-color:#0000;padding:0}.cx-branches[data-inspector=closed] .cx-panel{display:none}.cx-close{width:26px;height:26px;color:var(--fg-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;margin-left:auto;padding:0;transition:color .15s,background-color .15s,border-color .15s;display:grid}.cx-close:hover{border-color:var(--line);background:var(--panel);color:var(--fg)}.cx-close svg{width:14px!important;height:14px!important}.cx-panel-head>div{min-width:0}[data-state]{transition:opacity .25s}.cx-branches[data-filter=running] [data-state=asleep],.cx-branches[data-filter=asleep] [data-state=running]{opacity:.25}.cx :is(button,[tabindex]):focus{outline:none}.cx :is(button,[tabindex]):focus-visible{outline:2px solid color-mix(in oklab, var(--fg) 45%, transparent);outline-offset:1px;border-radius:7px}.cx-switch{scrollbar-width:none;max-width:100%;overflow-x:auto}.cx-switch button{flex:none}.cx-frame{transition:transform 1.2s var(--ease), opacity 1s var(--ease), grid-template-columns .3s var(--ease)}.cx-rail-toggle{width:28px;height:28px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;margin-left:-6px;padding:0;transition:color .15s,background-color .15s;display:grid}.cx-rail-toggle:hover{background:var(--glow);color:var(--fg)}.cx-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cx-side>*{min-width:0}.cx-frame[data-rail=mini]{grid-template-columns:60px minmax(0,1fr)}[data-rail=mini] .cx-side{align-items:center;padding:14px 10px}[data-rail=mini] .cx-side :is(.cx-label,.cx-org b,.cx-org .cx-chev,.cx-project>div,.cx-user>div){display:none}[data-rail=mini] .cx-org{padding:4px 0}[data-rail=mini] .cx-project{background:0 0;border:0;padding:0}[data-rail=mini] .cx-nav{justify-items:center}[data-rail=mini] .cx-nav>*{justify-content:center;width:36px;height:32px;padding:0;position:relative}[data-rail=mini] .cx-nav>:hover:after{content:attr(data-label);z-index:4;border:1px solid var(--line-2);background:var(--panel);color:var(--fg);white-space:nowrap;box-shadow:var(--shadow);pointer-events:none;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}[data-rail=mini] .cx-user{justify-content:center;padding:12px 0 0}.cx-scrim{display:none}@media (width<=820px){.cx-frame,.cx-frame[data-rail]{grid-template-columns:minmax(0,1fr);height:600px}.cx-side{z-index:6;width:232px;box-shadow:var(--shadow);transition:transform .35s var(--ease);position:absolute;inset:0 auto 0 0;transform:translate(-102%)}.cx-frame[data-drawer=open] .cx-side{transform:none}.cx-scrim{z-index:5;opacity:0;pointer-events:none;background:#00000073;transition:opacity .3s;display:block;position:absolute;inset:0}[data-drawer=open] .cx-scrim{opacity:1;pointer-events:auto}.cx-top{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0 12px 0 16px}.cx-cmd{display:none}.cx-switch button{padding:7px 12px}}@media (width<=480px){.cx{gap:18px}.cx-frame,.cx-frame[data-rail]{border-radius:12px;height:580px}.cx-crumbs>b,.cx-crumbs>i{display:none}}.cx-stage{container:cx/inline-size}.cx-inspector{transition:transform .35s var(--ease)}@container cx (width<=960px){.cx-branches{grid-template-columns:minmax(0,1fr) 260px}.cx-tr{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.7fr)}.cx-tr>:nth-child(4){display:none}.cx-metric{padding:12px}}@container cx (width<=760px){.cx-conn,.cx-split>:last-child,.cx-schema{display:none}.cx-split,.cx-sql,.cx-branches,.cx-branches[data-inspector=closed]{grid-template-columns:minmax(0,1fr)}.cx-inspector{z-index:3;border-left-color:var(--line-2);width:min(300px,88%);position:absolute;inset:0 0 0 auto;box-shadow:-24px 0 48px -24px #00000080}.cx-branches[data-inspector=closed] .cx-inspector{padding:16px;transform:translate(104%)}.cx-branches[data-inspector=closed] .cx-panel{display:grid}.cx-branches[data-inspector=closed] .cx-panel[hidden]{display:none}.cx-branches{position:relative}}@container cx (width<=560px){.cx-overview,.cx-list,.cx-restore{gap:14px;padding:16px}.cx-editor{padding:12px 14px 14px}.cx-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-metric b{font-size:19px}.cx-metric svg{height:26px}.cx-page-head{gap:12px}.cx-page-head p,.cx-filter,.cx-seg span,.cx-grid .bar,.cx-grid .th span:last-child,.cx-chart-foot div:last-child,.cx-legend{display:none}.cx-seg button{padding:0 7px}.cx-filters>button{padding:3px 9px}.cx-filters .cx-seg{margin-left:auto}.cx-tr{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);padding:0 12px}.cx-tr>:nth-child(n+3){display:none}.cx-tree{left:12px}.cx-name{padding-left:46px}.cx-chart-foot{display:none}.cx-grid>div{grid-template-columns:1fr .8fr .8fr;gap:10px;padding:7px 12px}.cx-code{scrollbar-width:none;font-size:11.5px;overflow-x:auto}.cx-code em{width:30px;padding-right:10px}.cx-editor-bar .cx-tabs span:nth-child(n+2){display:none}.cx-restore-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cx-restore-form label:first-child{display:none}.cx-restore-form .cx-btn{grid-column:1/-1;justify-content:center}.cx-wal{gap:1px;min-height:110px;margin:16px 10px 0}.cx-days{padding:10px 10px 12px;font-size:10px}.cx-days span:nth-child(2n){visibility:hidden}.cx-visual{scrollbar-width:none;overflow:auto}.cx-visual svg{width:600px;max-width:none;height:auto;margin:14px 12px 8px;position:static}}