*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f6f3;--surface:#fff;--surface-2:#f0eeeb;--border:#e4e1db;--text:#44403c;--text-muted:#78716c;--accent:#2f8d6a;--accent-hover:#267a5b;--accent-text:#fff;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}html,body,#root{height:100%;overflow:hidden}.layout{background:var(--bg);flex-direction:column;height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.topbar-right{align-items:center;gap:8px;min-width:0;display:flex}.logo{letter-spacing:-.02em;color:var(--text);margin-right:4px;font-size:15px;font-weight:600}.topbar-nav{align-items:center;gap:2px;min-width:0;display:flex}.nav-link{color:var(--text-muted);font-size:13px;font-family:var(--sans);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 10px}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--surface-2);color:var(--text);font-weight:500}.nav-sep{background:var(--border);flex-shrink:0;width:1px;height:16px;margin:0 2px}.badge{background:var(--surface-2);border:1px solid var(--border);font-size:13px;font-family:var(--mono);cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;display:flex;position:relative}.engine-picker{position:relative}.engine-dropdown{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:8px;min-width:170px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a}.engine-option{width:100%;font-family:var(--mono);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.engine-option:hover{background:var(--surface-2)}.engine-option.selected{color:var(--accent)}.engine-check{color:var(--accent);margin-left:auto;font-size:11px}.badge-muted{color:var(--text-muted);font-family:var(--sans)}.engine-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chevron{color:var(--text-muted);font-size:10px;transition:rotate .15s}.github-link{font-size:12px;font-family:var(--sans);color:var(--text-muted);border-radius:5px;align-items:center;gap:5px;padding:4px 8px;text-decoration:none;display:flex}.github-link:hover{color:var(--text);background:var(--surface-2)}.run-btn{background:var(--accent);color:var(--accent-text);font-size:13px;font-weight:500;font-family:var(--sans);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;display:flex}.run-btn:hover:not(:disabled){background:var(--accent-hover)}.run-btn:disabled{opacity:.55;cursor:not-allowed}.run-btn kbd{font-size:11px;font-family:var(--mono);opacity:.65;color:inherit;background:0 0;border:none}.concept-subnav{background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 16px;display:flex;overflow:auto hidden}.concept-subnav::-webkit-scrollbar{display:none}.subnav-link{color:var(--text-muted);font-size:12px;font-family:var(--sans);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;padding:3px 10px}.subnav-link:hover{color:var(--text)}.subnav-link.active{background:var(--surface-2);color:var(--text);font-weight:500}.body{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;min-height:0;display:flex;overflow:hidden}.sidebar-header{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px dashed var(--border);padding:10px 14px;font-size:11px;font-weight:600}.table-list{list-style:none;overflow-y:auto}.table-item{border:none;border-bottom:1px dashed var(--border);cursor:pointer;width:100%;color:var(--text);font-size:12px;font-family:var(--mono);text-align:left;background:0 0;align-items:center;gap:8px;padding:8px 14px;display:flex}.table-item:hover{background:var(--border)}.table-icon{color:var(--text-muted)}.table-chevron{color:var(--text-muted);margin-left:auto;font-size:10px}.column-list{border-bottom:1px dashed var(--border);list-style:none}.column-item{font-size:11px;font-family:var(--mono);justify-content:space-between;align-items:center;padding:4px 14px 4px 30px;display:flex}.column-name{color:var(--text)}.column-type{color:var(--text-muted);font-size:10px}.sidebar-empty{color:var(--text-muted);font-size:12px;font-family:var(--mono);padding:12px 14px}.editor-pane{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.output-pane{background:var(--surface);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.pane-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;height:36px;padding:0 4px;display:flex}.pane-tab{height:100%;font-size:12px;font-weight:500;font-family:var(--mono);color:var(--text);cursor:pointer;border-bottom:2px solid #0000;align-items:center;padding:0 10px;display:flex}.pane-tab.active{border-bottom-color:var(--accent)}.editor-area{background:var(--surface);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.query-editor{resize:none;background:var(--surface);width:100%;color:var(--text);font-family:var(--mono);border:none;outline:none;flex:1;padding:16px;font-size:13px;line-height:1.6}.editor-footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:12px;font-family:var(--mono);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.empty-output{background-image:repeating-linear-gradient(135deg, var(--border) 0px, var(--border) 1px, transparent 1px, transparent 12px);background-size:12px 12px;flex:1;justify-content:center;align-items:center;display:flex}.empty-output span{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 14px;font-size:13px}.output-message{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;margin:16px;padding:12px 14px;font-size:13px}.error-message{color:#8f2d2d;background:#fff2f2;border-color:#efb1b1}.result-panel{flex-direction:column;flex:1;min-height:0;display:flex}.result-meta{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:12px;font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.result-table-wrap{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.result-table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:12px}.result-table th,.result-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}.result-table th{background:var(--surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600;position:sticky;top:0}.result-table td{color:var(--text)}@media (width<=960px){.topbar{align-items:flex-start;gap:10px;height:auto;padding:10px 12px}.topbar-left{flex-wrap:wrap;flex:1;align-items:center;row-gap:8px}.topbar-right{flex-shrink:0}.engine-dropdown{min-width:min(170px,100vw - 32px);max-width:min(260px,100vw - 32px)}.body{flex-direction:column;overflow:auto}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:180px}.editor-pane{border-right:none;border-bottom:1px solid var(--border);flex:none;min-height:44svh}.output-pane{flex:none;min-height:28svh}.editor-footer,.result-meta,.topbar{flex-wrap:wrap;height:auto}.editor-footer span,.result-meta span{max-width:100%}}@media (width<=720px){.layout{min-height:100%}.topbar-left,.topbar-right{width:100%}.topbar-right{justify-content:space-between}.topbar-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;order:2;width:100%;overflow:auto hidden}.topbar-nav::-webkit-scrollbar{display:none}.nav-link,.badge,.github-link,.run-btn{flex:none}.badge-muted{max-width:100%}.github-link{display:none}.run-btn{justify-content:center}.sidebar{max-height:150px}.column-item{align-items:flex-start;gap:8px}.column-type{text-align:right;margin-left:auto}.output-message,.empty-output span{font-size:12px}}@media (width<=560px){.topbar-right{gap:10px}.engine-picker,.run-btn,.engine-picker .badge,.run-btn{width:100%}.badge{justify-content:space-between}.engine-dropdown{width:100%;max-width:none}.editor-pane{min-height:40svh}.output-pane{min-height:24svh}}.concept-layout{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.concept-main{flex:1;min-height:0;display:flex;overflow:hidden}.concept-center{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.concept-visual{background:var(--bg);flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;overflow:auto}.concept-bottom{border-top:1px solid var(--border);flex-shrink:0;height:230px;display:flex}.concept-sql-panel{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.concept-sql-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:7px 12px;display:flex}.session-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:7px;height:7px}.session-dot.spawning,.session-dot.seeding{background:#f59e0b;animation:1.2s ease-in-out infinite pulse}.session-dot.ready{background:var(--accent)}.session-dot.error{background:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.session-label{font-size:12px;font-family:var(--mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.concept-sql-textarea{resize:none;background:var(--surface);color:var(--text);font-family:var(--mono);border:none;outline:none;flex:1;min-height:0;padding:12px 14px;font-size:13px;line-height:1.6}.concept-sql-textarea:disabled{opacity:.5;cursor:not-allowed}.concept-sql-result{border-top:1px solid var(--border);font-family:var(--mono);color:var(--text-muted);background:var(--surface-2);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:7px 12px;font-size:12px;overflow:hidden}.concept-sql-result.error{color:#8f2d2d;background:#fff2f2}.concept-anim-panel{background:var(--surface);flex-direction:column;flex-shrink:0;gap:8px;width:280px;padding:10px 12px;display:flex;overflow:hidden}.concept-anim-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.concept-anim-note{color:var(--text-muted);margin-top:-4px;font-size:11px;line-height:1.4}.anim-row{align-items:center;gap:6px;display:flex}.concept-sidebar{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:264px;display:flex;overflow-y:auto}.concept-sidebar-section{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.concept-sidebar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.concept-sidebar-section p{color:var(--text);font-size:13px;line-height:1.6}.concept-sidebar-section code{font-family:var(--mono);background:var(--surface-2);word-break:break-all;border-radius:3px;padding:1px 4px;font-size:11px}.concept-tips{flex-direction:column;gap:6px;list-style:none;display:flex}.concept-tips li{color:var(--text);padding-left:12px;font-size:12px;line-height:1.5;position:relative}.concept-tips li:before{content:"→";color:var(--text-muted);font-size:11px;position:absolute;left:0}.concept-input{border:1px solid var(--border);background:var(--bg);width:90px;color:var(--text);font-family:var(--mono);border-radius:6px;outline:none;padding:5px 8px;font-size:13px}.concept-input:focus{border-color:var(--accent)}.concept-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13px;font-family:var(--sans);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 11px}.concept-btn:hover:not(:disabled){background:var(--border)}.concept-btn:disabled{opacity:.5;cursor:not-allowed}.concept-btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.concept-btn.accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.concept-btn.small{padding:4px 10px;font-size:12px}.concept-btn kbd{font-size:10px;font-family:var(--mono);opacity:.65;margin-left:4px}.step-controls{align-items:center;gap:3px;display:flex}.step-btn{border:1px solid var(--border);background:var(--surface-2);width:26px;height:26px;color:var(--text);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:12px;display:flex}.step-btn:hover{background:var(--border)}.step-btn.play{background:var(--accent);border-color:var(--accent);color:#fff}.step-btn.play:hover{background:var(--accent-hover)}.step-counter{font-family:var(--mono);color:var(--text-muted);text-align:center;min-width:46px;padding:0 3px;font-size:11px}.concept-message{font-family:var(--mono);border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:6px;padding:7px 10px;font-size:12px;line-height:1.4;transition:background .2s,border-color .2s,color .2s}.concept-message[data-type=insert]{color:#14532d;background:#f0fdf4;border-color:#86efac}.concept-message[data-type=split]{color:#78350f;background:#fffbeb;border-color:#fcd34d}.concept-message[data-type=found]{color:#14532d;background:#f0fdf4;border-color:#4ade80}.concept-message[data-type=not-found]{color:#7f1d1d;background:#fef2f2;border-color:#fca5a5}.idx6-shell{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:14px;padding:18px 22px 22px;overflow:auto}.idx6-header{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.idx6-sql-card{border:1px solid var(--border);background:linear-gradient(#fafaf9 0%,#f5f5f4 100%);border-radius:12px;padding:14px 16px}.idx6-sql-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px;font-size:10px}.idx6-sql{font-family:var(--mono);color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:18px;line-height:1.6}.idx6-sql-keyword{color:#2563eb;font-weight:700}.idx6-sql-sub{color:var(--text-muted);margin-top:10px;font-size:13px;line-height:1.6}.idx6-case-row,.idx6-controls{flex-wrap:wrap;gap:8px;display:flex}.idx6-action-bar{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:12px;display:grid}.idx6-action-copy{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px}.idx6-control-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:10px}.idx6-controls{align-items:center}.idx6-control-hint{color:var(--text-muted);font-size:12px}.idx6-case-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:var(--mono);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:11px;transition:border-color .16s,background .16s,color .16s}.idx6-case-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.idx6-notice{border:1px solid var(--border);color:#78350f;background:#fffbeb;border-radius:10px;align-items:flex-start;gap:10px;max-width:980px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.idx6-notice-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#a16207;flex-shrink:0;padding-top:2px;font-size:10px}.idx6-step-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.idx6-step-pill{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.idx6-step-pill.active{color:#92400e;background:#fffbeb;border-color:#f59e0b}.idx6-step-pill.done{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.idx6-step-num{font-family:var(--mono);flex-shrink:0;font-size:11px;font-weight:700}.idx6-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.idx6-stat{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px}.idx6-stat.highlight{background:#eff6ff;border-color:#93c5fd}.idx6-stat-label{color:var(--text-muted);margin-bottom:4px;font-size:11px}.idx6-stat-value{font-family:var(--mono);color:var(--text);font-size:13px;font-weight:700}.idx6-main{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.idx6-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:18px 16px;display:flex}.idx6-card-eyebrow,.idx6-takeaway-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px}.idx6-card-title{color:var(--text);font-size:20px;font-weight:600}.idx6-card-body,.idx6-path-note,.idx6-takeaway p{color:var(--text-muted);font-size:13px;line-height:1.6}.idx6-term-note{border:1px solid var(--border);color:var(--text-muted);background:#fafaf9;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.6}.idx6-term-note strong{color:var(--text)}.idx6-tree{flex-direction:column;gap:18px;padding:10px 0 4px;display:flex}.idx6-tree-svg{width:100%;display:block}.idx6-tree-edge{stroke:#d6d3d1;stroke-width:2px;transition:stroke .18s,stroke-width .18s}.idx6-tree-edge.active{stroke:#3b82f6;stroke-width:3px}.idx6-tree-box,.idx6-tree-leaf-box{fill:#f5f5f4;stroke:#d6d3d1;stroke-width:1.5px;transition:fill .18s,stroke .18s}.idx6-tree-box.active,.idx6-tree-leaf-box.active{fill:#eff6ff;stroke:#93c5fd}.idx6-tree-text,.idx6-tree-leaf-text{fill:#78716c;font-family:var(--mono);font-size:11px;font-weight:600}.idx6-tree-text.active,.idx6-tree-leaf-text.active{fill:#1d4ed8}.idx6-heap-pages{gap:10px;display:grid}.idx6-heap-zone{border-top:1px dashed var(--border);padding-top:14px}.idx6-heap-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px;font-size:10px}.idx6-heap-pages{grid-template-columns:repeat(3,minmax(0,1fr))}.idx6-heap-chip,.idx6-heap-empty{min-height:38px;font-family:var(--mono);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;display:flex}.idx6-heap-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.idx6-heap-chip.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.idx6-heap-empty{border:1px dashed var(--border);color:var(--text-muted)}.idx6-tree-note{border:1px solid var(--border);background:#fafaf9;border-radius:10px;padding:12px 14px}.idx6-cost{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px}.idx6-cost.active{background:#fafcff;border-color:#93c5fd}.idx6-cost-head{font-family:var(--mono);color:var(--text);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:11px;display:flex}.idx6-cost-bar{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.idx6-cost-fill{border-radius:999px;height:100%;transition:width .22s}.idx6-cost-fill.green{background:#16a34a}.idx6-cost-fill.amber{background:#f59e0b}.idx6-winner{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;display:flex}.idx6-winner-label{color:var(--text-muted);font-size:11px}.idx6-winner-chip{border:1px solid var(--border);font-family:var(--mono);color:var(--text-muted);background:var(--surface-2);border-radius:999px;padding:8px 12px;font-size:11px}.idx6-winner-chip.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.idx6-takeaway{border:1px solid var(--border);background:linear-gradient(#fafaf9 0%,#f5f5f4 100%);border-radius:14px;padding:18px 18px 16px}.idx6-takeaway-title{color:var(--text);margin:8px 0;font-size:22px;font-weight:600}.idx6-takeaway p{max-width:760px;margin:0}@media (width<=1100px){.idx6-action-bar,.idx6-step-strip,.idx6-stats,.idx6-main{grid-template-columns:1fr}}.lsm-tree{flex-direction:column;gap:20px;width:100%;max-width:800px;padding:8px 0;display:flex}.lsm-row{align-items:flex-start;gap:16px;min-height:44px;display:flex}.lsm-row-label{flex-direction:column;flex-shrink:0;gap:2px;width:100px;padding-top:10px;display:flex}.lsm-level-name{font-size:12px;font-weight:600;font-family:var(--mono);color:var(--text)}.lsm-row-meta{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.lsm-entries-wrap{flex-wrap:wrap;flex:1;align-items:flex-start;gap:8px;min-height:44px;display:flex}.lsm-sstable{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;min-width:56px;min-height:44px;padding:8px 10px;transition:border-color 80ms,background 80ms;display:flex}.lsm-entry{border:1px solid var(--border);background:var(--surface-2);width:36px;height:28px;font-family:var(--mono);color:var(--text);border-radius:4px;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:background 80ms,color 80ms,border-color 80ms;display:flex}.lsm-placeholder{font-size:12px;font-family:var(--mono);color:var(--text-muted);align-self:center;padding:8px 10px}.concept-message[data-type=write]{color:#14532d;background:#f0fdf4;border-color:#86efac}.concept-message[data-type=flush]{color:#78350f;background:#fffbeb;border-color:#fcd34d}.concept-message[data-type=compact]{color:#581c87;background:#faf5ff;border-color:#d8b4fe}.concept-message[data-type=search-mem],.concept-message[data-type=search-l0],.concept-message[data-type=search-l1]{color:#1e3a5f;background:#eff6ff;border-color:#93c5fd}.lsm-controls{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:8px;padding:10px 16px 12px;display:flex}.lsm-controls-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rl-wrap{flex-direction:column;gap:18px;width:100%;max-width:920px;padding:14px 18px 24px;display:flex}.sh-empty-state{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;display:flex}.rl-tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.rl-tier,.rl-query-section,.rl-result-box,.rl-sql-section{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px}.rl-tier-head{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.rl-tier-name,.rl-query-label,.rl-sql-label{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.rl-tier-res,.rl-tier-count,.rl-result-reason{color:var(--text-muted);font-size:12px}.rl-tier-rows{flex-direction:column;gap:6px;display:flex}.rl-row{border:1px solid var(--border);font-family:var(--mono);background:var(--surface-2);border-radius:8px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:11px;display:flex}.rl-row-rollup{background:#f8fafc}.rl-row-rollup5{background:#faf5ff}.rl-row-active{background:#eff6ff;border-color:#93c5fd}.rl-row-ts{color:var(--text)}.rl-row-val,.rl-row-agg{color:var(--text-muted)}.rl-tier-action{margin-top:12px}.rl-query-section{flex-direction:column;gap:12px;display:flex}.rl-range-btns{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rl-range-btn{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;padding:10px 12px}.rl-range-btn.active{background:#eff6ff;border-color:#93c5fd}.rl-range-label{font-family:var(--mono);color:var(--text);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.rl-range-desc,.rl-result-tier{color:var(--text-muted);font-size:12px}@media (width<=1100px){.rl-tiers,.rl-range-btns{grid-template-columns:1fr}}.sh-wrap{flex-direction:column;gap:18px;width:100%;max-width:900px;padding:14px 18px 24px;display:flex}.sh-empty-state,.rl-wrap .sh-empty-state{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;display:flex}.sh-empty-title{color:var(--text);font-size:24px;font-weight:600}.sh-empty-sub{max-width:760px;color:var(--text-muted);line-height:1.7}.sh-table-wrap,.sh-global-idx,.sh-result-box,.rl-sql-section{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px}.sh-table-head-row{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.sh-table-title,.sh-global-idx-head,.sh-local-idx-head,.rl-sql-label{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.sh-table-count{color:var(--text-muted);font-size:12px}.sh-table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:12px}.sh-table th,.sh-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.sh-shards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.sh-shard{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.sh-shard-accessed{box-shadow:0 10px 24px #3b82f614}.sh-shard-pruned{opacity:.72}.sh-shard-head{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:8px;padding:10px 12px;display:flex}.sh-shard-label{font-family:var(--mono);font-size:11px;font-weight:700}.sh-shard-range,.sh-row-date,.sh-row-amount,.sh-idx-ptr{color:var(--text-muted)}.sh-pruned-badge{color:#92400e;font-family:var(--mono);background:#fef3c7;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sh-shard-rows,.sh-global-idx-entries{flex-direction:column;display:flex}.sh-shard-row,.sh-local-idx-entry,.sh-global-idx-entry{border-bottom:1px solid var(--border);font-family:var(--mono);align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.sh-shard-row:last-child,.sh-local-idx-entry:last-child,.sh-global-idx-entry:last-child{border-bottom:none}.sh-local-idx{border-top:1px dashed var(--border);padding:10px}.sh-idx-key{color:var(--text)}.sh-idx-arr{color:var(--text-muted)}.sh-controls{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.sh-picker-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sh-picker-label{color:var(--text-muted);font-size:12px}.sh-mode-picker{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;gap:4px;padding:3px;display:flex}.sh-mode-btn{font-family:var(--mono);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:11px}.sh-mode-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.sh-id-select{border:1px solid var(--border);background:var(--bg);font-family:var(--mono);color:var(--text);border-radius:8px;padding:6px 8px;font-size:12px}.sh-result-steps{flex-direction:column;gap:8px;display:flex}.sh-result-step{color:var(--text);gap:10px;font-size:13px;line-height:1.6;display:flex}.sh-step-num{width:20px;font-family:var(--mono);color:var(--text-muted);flex-shrink:0}.sh-result-summary{border-top:1px dashed var(--border);color:var(--text);margin-top:12px;padding-top:12px;font-weight:600}.rl-sql-block{white-space:pre-wrap;font-family:var(--mono);color:var(--text);margin:8px 0 0;font-size:12px;line-height:1.55}@media (width<=1100px){.sh-shards{grid-template-columns:1fr}}.ts2-wrap{flex-direction:column;gap:18px;width:100%;max-width:980px;padding:14px 18px 24px;display:flex}.ts2-tabs,.ts2-mode-picker{flex-wrap:wrap;gap:4px;display:flex}.ts2-tabs{padding-bottom:4px}.ts2-tab,.ts2-mode-btn,.ts2-dim-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer}.ts2-tab,.ts2-mode-btn{font-family:var(--mono);border-radius:999px;padding:7px 10px;font-size:11px}.ts2-tab.on,.ts2-mode-btn.on{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.ts2-section{flex-direction:column;gap:18px;display:flex}.ts2-intro-card,.ts2-sample-card,.ts2-window-section,.ts2-storage-pickers,.ts2-layout-legend,.ts2-table-wrap,.ts2-io-meter,.ts2-warn-box{border:1px solid var(--border);background:var(--surface);border-radius:12px}.ts2-intro-card,.ts2-sample-card,.ts2-window-section,.ts2-storage-pickers,.ts2-table-wrap,.ts2-io-meter{padding:14px}.ts2-intro-row{grid-template-columns:56px 1fr;gap:12px;display:grid}.ts2-intro-lbl,.ts2-card-label,.ts2-picker-label,.ts2-sample-title,.ts2-window-title,.ts2-formula-label{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.ts2-intro-text,.ts2-card-sublabel,.ts2-window-subtitle,.ts2-window-hint,.ts2-layout-legend,.ts2-formula-tag{color:var(--text-muted);line-height:1.65}.ts2-intro-divider{background:var(--border);height:1px;margin:12px 0}.ts2-sample-json{font-family:var(--mono);background:#fafaf9;border-radius:10px;margin-top:12px;padding:12px;font-size:12px;line-height:1.7}.ts2-json-indent{padding-left:20px}.ts2-json-indent2{padding-left:40px}.ts2-json-key{color:#1d4ed8}.ts2-json-colon,.ts2-json-brace{color:var(--text-muted)}.ts2-json-ts,.ts2-json-tag{color:#0f766e}.ts2-json-metric{color:#7c3aed}.ts2-json-value{color:#c2410c}.ts2-json-note{color:var(--text-muted);margin-left:10px;font-size:11px}.ts2-window-header,.ts2-storage-pickers{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.ts2-window-chart{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:10px;margin-top:14px;display:grid}.ts2-window-col{flex-direction:column;align-items:center;gap:6px;display:flex}.ts2-window-bar-wrap{justify-content:center;align-items:end;width:100%;height:110px;display:flex}.ts2-window-bar{background:linear-gradient(#93c5fd 0%,#3b82f6 100%);border-radius:8px 8px 0 0;width:70%}.ts2-window-count,.ts2-window-label,.ts2-metric-muted,.ts2-dim-count,.ts2-dim-warn,.ts2-io-label,.ts2-io-count{color:var(--text-muted);font-size:12px}.ts2-metric-label,.ts2-dim-row{font-family:var(--mono);color:var(--text);font-size:12px}.ts2-dims-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ts2-dim-btn{text-align:left;border-radius:12px;padding:12px}.ts2-dim-btn.on{border-color:var(--dim-color,#93c5fd);box-shadow:inset 0 0 0 1px var(--dim-color,#93c5fd)}.ts2-dim-btn.danger.on{background:#fff1f2}.ts2-formula-wrap{flex-direction:column;gap:10px;display:flex}.ts2-formula-expr{font-family:var(--mono);color:var(--text);font-size:14px}.ts2-formula-op{color:var(--text-muted)}.ts2-formula-total{font-weight:700}.ts2-formula-total.high{color:#dc2626}.ts2-warn-box{color:#9a3412;background:#fff7ed;padding:12px 14px;line-height:1.6}.ts2-dim-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.ts2-dim-chip,.ts2-query-badge,.ts2-phase-badge{border:1px solid var(--border);background:var(--surface-2);font-family:var(--mono);color:var(--text);border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;display:inline-flex}.ts2-query-badge{width:fit-content}.ts2-layout-legend{padding:12px 14px}.ts2-phase-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ts2-phase-badge.active,.ts2-phase-badge.done{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.ts2-phase-arrow{color:var(--text-muted)}.ts2-table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:12px}.ts2-th,.ts2-td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.ts2-th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.ts2-td-dim{opacity:.42}.ts2-hl-active{background:#fef3c7}.ts2-hl-match{background:#dcfce7}.ts2-hl-skip{color:var(--text-muted);background:#f5f5f4}.ts2-hl-done-good{background:#eff6ff}.ts2-io-meter{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ts2-io-bar-wrap{background:var(--surface-2);border-radius:999px;flex:1;min-width:220px;height:10px;overflow:hidden}.ts2-io-bar{height:100%}.ts2-io-bar.row{background:#f59e0b}.ts2-io-bar.col{background:#16a34a}@media (width<=1100px){.ts2-dims-grid{grid-template-columns:1fr 1fr}}.wp4-shell{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:14px;padding:18px 22px 22px;overflow:auto}.wp4-header{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.wp4-sql{background:var(--surface-2);border-bottom:1px solid var(--border);font-family:var(--mono);color:var(--text);padding:12px 14px;font-size:13px}.wp4-sql-keyword{color:var(--accent);font-weight:700}.wp4-sql-string{color:#c2410c}.wp4-controls{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex}.wp4-manual{flex-wrap:wrap;gap:8px;padding:0 14px 14px;display:flex}.wp4-notice{border:1px solid var(--border);color:#78350f;background:#fffbeb;border-radius:10px;align-items:flex-start;gap:10px;max-width:920px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.wp4-notice-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#a16207;flex-shrink:0;padding-top:2px;font-size:10px}.wp4-stage-legend{flex-wrap:wrap;gap:8px;display:flex}.wp4-pill{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:var(--mono);border-radius:999px;padding:8px 12px;font-size:11px}.wp4-pill.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.wp4-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.wp4-column{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:18px 16px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.wp4-column.active{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 10px 24px #3b82f61f}.wp4-column-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px}.wp4-column-title{color:var(--text);font-size:20px;font-weight:600}.wp4-column-body{color:var(--text-muted);min-height:60px;font-size:13px;line-height:1.6}.wp4-state{font-family:var(--mono);border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700}.wp4-state.blue{color:#1d4ed8;background:#eff6ff}.wp4-state.green{color:#166534;background:#f0fdf4}.wp4-state.amber{color:#a16207;background:#fffbeb}.wp4-state.muted{background:var(--surface-2);color:var(--text-muted)}.wp4-row-chip,.wp4-row-empty{min-height:42px;font-family:var(--mono);border-radius:10px;align-items:center;padding:0 12px;font-size:12px;display:flex}.wp4-row-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.wp4-row-empty{border:1px dashed var(--border);color:var(--text-muted)}.wp4-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.wp4-summary.pulse{animation:.7s wp4-pulse}.wp4-mini-fact{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px}.wp4-mini-label{color:var(--text-muted);margin-bottom:4px;font-size:11px}.wp4-mini-value{font-family:var(--mono);color:var(--text);text-transform:uppercase;font-size:12px;font-weight:700}@keyframes wp4-pulse{0%{transform:translateY(0);box-shadow:0 0 #3b82f633}40%{transform:translateY(-2px);box-shadow:0 10px 24px #3b82f61f}to{transform:translateY(0);box-shadow:0 0 #3b82f600}}@media (width<=1100px){.wp4-columns,.wp4-summary{grid-template-columns:1fr}}