:root{--paper:#f2efe7;--paper-2:#e8e3d5;--paper-3:#d9d2be;--ink:#11110f;--ink-2:#2a2823;--ink-3:#6b6657;--rule:#11110f29;--rule-2:#11110f14;--signal:oklch(66% .16 42);--signal-2:oklch(55% .17 38);--signal-3:oklch(86% .06 60);--accent-otlp:var(--signal);--accent-tsdb:var(--signal);--accent-octo:var(--signal-2);--accent-bench:var(--ink-2);--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;--display:"Fraunces", "Iowan Old Style", "Georgia", serif;--sans:"Inter Tight", ui-sans-serif, system-ui, sans-serif;--max-w:1440px;--gutter:48px;--radius:8px;--radius-sm:6px;--radius-lg:12px;--shadow-sm:0 1px 2px #11110f0f;--shadow-md:0 4px 12px #11110f14;--shadow-lg:0 8px 24px #11110f1f;--ease:.12s ease;--ease-out:.2s ease-out;--ink-soft:var(--ink-2);--ink-muted:var(--ink-3);--surface:var(--paper);--surface-strong:var(--paper);--line:var(--rule);--line-strong:var(--rule);--bg:var(--paper);--text:var(--ink);--text-secondary:var(--ink-2);--text-tertiary:var(--ink-3);--border:var(--rule)}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;color:var(--ink);font-family:var(--sans);background:var(--paper);margin:0;font-size:16px;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}code{font-family:var(--mono);background:var(--paper-2);border:1px solid var(--rule);border-radius:4px;padding:2px 6px;font-size:12px}.t-display{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(40px,6vw,72px);font-style:italic;font-weight:300;line-height:1.05}.t-h1{font-family:var(--sans);letter-spacing:-.025em;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.1}.t-h2{font-family:var(--sans);letter-spacing:-.02em;font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.15}.t-h3{font-family:var(--sans);letter-spacing:-.01em;font-size:clamp(16px,2vw,20px);font-weight:600;line-height:1.25}.t-body{font-family:var(--sans);color:var(--ink-2);font-size:16px;line-height:1.55}.t-mono{font-family:var(--mono);font-size:14px;font-weight:500;line-height:1.4}.t-mono-sm{font-family:var(--mono);font-size:12px;font-weight:500;line-height:1.4}.t-eyebrow,.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);background:#6366f114;border:1px solid #6366f133;border-radius:999px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.grid-bg{background-image:linear-gradient(var(--rule-2) 1px, transparent 1px), linear-gradient(90deg, var(--rule-2) 1px, transparent 1px);background-size:8px 8px}.grid-bg-major{background-image:linear-gradient(var(--rule-2) 1px, transparent 1px), linear-gradient(90deg, var(--rule-2) 1px, transparent 1px), linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);background-size:8px 8px,8px 8px,64px 64px,64px 64px}.dots-bg{background-image:radial-gradient(circle, var(--rule) .75px, transparent .75px);background-size:16px 16px}.btn,.stamp,.stamp-fill{font-family:var(--mono);border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;transition:all var(--ease);color:var(--ink);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover,.stamp:hover{background:var(--paper-2);border-color:var(--ink)}.btn-primary,.stamp-fill{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover,.stamp-fill:hover{background:var(--ink-2);border-color:var(--ink-2)}.btn-secondary{color:var(--ink-2);border-color:var(--rule);background:0 0}.btn-secondary:hover{color:var(--ink);border-color:var(--ink)}.btn-ghost{color:var(--ink-2);background:0 0;border:none;padding:8px 12px}.btn-ghost:hover{color:var(--ink);background:var(--paper-2)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.topbar{z-index:100;background:var(--paper);border-bottom:1px solid var(--ink);padding:0 var(--gutter);justify-content:space-between;align-items:center;height:48px;display:flex;position:sticky;top:0}.brand{color:var(--ink);font-family:var(--mono);letter-spacing:-.02em;align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{flex-shrink:0}.topnav{align-items:center;gap:0;display:flex}.topnav a{font-family:var(--mono);color:var(--ink-3);transition:color var(--ease), border-color var(--ease);border-bottom:2px solid #0000;padding:14px;font-size:12px;font-weight:500;text-decoration:none}.topnav a:hover,.topnav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--signal)}.topnav-cta{margin-left:14px}.hero{padding:80px var(--gutter) 64px;text-align:center}.hero-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--signal);background:#6366f114;border:1px solid #6366f133;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.hero h1{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin:0 0 24px;font-size:clamp(40px,6vw,72px);font-style:italic;font-weight:300;line-height:1.05}.hero h1 em{color:var(--signal);font-style:normal}.hero-sub{max-width:56ch;color:var(--ink-2);margin:0 auto 32px;font-size:17px;line-height:1.55}.hero-lede{max-width:58ch;color:var(--ink-2);margin:0 auto 24px;font-size:17px;line-height:1.55}.hero-stats{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:center;gap:32px;margin:20px 0 24px;padding:16px 0;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.hero-stat-value{color:var(--signal);letter-spacing:-.02em;font-size:28px;font-weight:800}.hero-stat-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--rule);color:var(--ink-3);background:0 0;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.panel{background:var(--paper);border:1px solid var(--rule);padding:24px}.card{background:var(--paper);border:1px solid var(--rule);padding:16px}.card p{color:var(--ink-2);margin:8px 0 0;font-size:14px;line-height:1.45}.card-links{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.card-links a{font-family:var(--mono);color:var(--ink);border:1px solid var(--rule);transition:border-color var(--ease);padding:6px 12px;font-size:12px;font-weight:600}.card-links a:hover{border-color:var(--ink)}.section-inner{max-width:var(--max-w);padding:var(--gutter);margin:0 auto}section{border-bottom:1px solid var(--ink)}section:last-of-type{border-bottom:none}.stat-strip{background:var(--paper);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stat-strip .stat{border-right:1px solid var(--ink);text-align:center;padding:32px}.stat-strip .stat:last-child{border-right:none}.stat{flex-direction:column;gap:4px;display:flex}.stat-value{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(32px,4vw,48px);font-style:italic;font-weight:300;line-height:1}.stat-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-size:11px;font-weight:500}.hero .pipeline{border:1px solid var(--ink);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.hero .pipeline-stage{border-right:1px solid var(--ink);text-align:center;flex-direction:column;gap:6px;padding:20px;display:flex;position:relative}.hero .pipeline-stage:last-child{border-right:none}.hero .pipeline-stage.active{background:var(--paper-2)}.hero .stage-icon{margin-bottom:4px;font-size:24px}.hero .stage-name{font-family:var(--mono);color:var(--ink);font-size:14px;font-weight:700}.hero .stage-desc{color:var(--ink-3);font-size:12px;line-height:1.4}.hero .pipeline-arrow{color:var(--ink-3);background:var(--paper);z-index:1;justify-content:center;align-items:center;padding:2px 0;font-size:18px;display:flex;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.hair{border:none;border-top:1px solid var(--rule);margin:0}.section-rule{border:none;border-top:1px solid var(--ink);margin:0}.pipeline-step{border-right:1px solid var(--ink);padding:20px;position:relative}.pipeline-step:last-child{border-right:none}.pipeline-step-num{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:600}.pipeline-step-name{font-family:var(--mono);color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:700}.pipeline-step-desc{color:var(--ink-3);font-size:13px;line-height:1.4}.pipeline-arrow-r:after{content:"→";font-family:var(--mono);color:var(--ink-3);background:var(--paper);z-index:1;padding:2px;font-size:14px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.card.accent-otlp{border-left:3px solid var(--accent-otlp)}.card.accent-tsdb{border-left:3px solid var(--accent-tsdb)}.card.accent-octo{border-left:3px solid var(--accent-octo)}.card.accent-bench{border-left:3px solid var(--accent-bench)}.pipeline-stage.accent-otlp{border-top:3px solid var(--accent-otlp)}.pipeline-stage.accent-tsdb{border-top:3px solid var(--accent-tsdb)}.pipeline-stage.accent-octo{border-top:3px solid var(--accent-octo)}.pipeline-stage.accent-bench{border-top:3px solid var(--accent-bench)}.pipeline{align-items:stretch;gap:0;display:flex}.pipeline-stage{background:var(--paper);border:1px solid var(--rule);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:140px;padding:16px 12px;display:flex;position:relative}.pipeline-stage .stage-icon{margin-bottom:4px;font-size:24px}.pipeline-stage .stage-name{font-family:var(--mono);color:var(--ink);font-size:14px;font-weight:700}.pipeline-stage .stage-desc{color:var(--ink-3);font-size:12px;line-height:1.4}.pipeline-arrow{color:var(--ink-3);background:var(--paper);flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:18px;display:flex}.primitives-grid{border:1px solid var(--ink);grid-template-columns:repeat(5,1fr);gap:0;display:grid}.primitive-card{border-right:1px solid var(--ink);flex-direction:column;gap:8px;padding:24px;display:flex}.primitive-card:last-child{border-right:none}.primitive-name{font-family:var(--mono);color:var(--ink);font-size:14px;font-weight:700}.primitive-signal{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--signal);font-size:11px;font-weight:500}.primitive-desc{color:var(--ink-3);flex:1;margin:0;font-size:13px;line-height:1.45}.primitive-link{font-family:var(--mono);color:var(--ink);border-bottom:1px solid var(--rule);margin-top:auto;padding-bottom:1px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.primitive-link:hover{border-bottom-color:var(--signal);color:var(--signal)}.boundaries-grid{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.boundary-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px}.boundary-card:nth-child(3n){border-right:none}.boundary-card:nth-child(n+4){border-bottom:none}.boundary-title{font-family:var(--mono);color:var(--ink);margin:0 0 8px;font-size:14px;font-weight:700}.boundary-desc{color:var(--ink-3);margin:0;font-size:13px;line-height:1.45}.site-footer{border-top:1px solid var(--ink);background:var(--paper);padding:32px 0}.site-footer>p{text-align:center}.signal-link,.signal-text{color:var(--signal)}.footer-grid{max-width:var(--max-w);padding:var(--gutter);grid-template-columns:2fr repeat(4,1fr);gap:48px;margin:0 auto;display:grid}.footer-brand{flex-direction:column;gap:8px;display:flex}.footer-brand-name{font-family:var(--mono);color:var(--ink);font-size:15px;font-weight:700}.footer-brand-tagline{font-family:var(--sans);color:var(--ink-2);font-size:13px;line-height:1.4}.footer-col-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 12px;font-size:11px;font-weight:600}.footer-col ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:var(--ink-2);transition:color var(--ease);font-size:13px;text-decoration:none}.footer-col a:hover{color:var(--signal)}.footer-bottom{max-width:var(--max-w);padding:16px var(--gutter) 24px;border-top:1px solid var(--rule);font-family:var(--mono);color:var(--ink-3);margin:0 auto;font-size:11px}.section-dark{background:var(--ink);color:var(--paper);border-bottom-color:var(--ink)}.section-dark .t-eyebrow{color:var(--ink-3)}.manifesto-quote{font-family:var(--display);letter-spacing:-.02em;color:var(--paper);max-width:52ch;margin:0;font-size:clamp(22px,3.5vw,36px);font-style:italic;font-weight:300;line-height:1.35}.code-block{font-family:var(--mono);background:var(--ink);color:var(--paper);border:1px solid var(--ink);white-space:pre;margin:0;padding:24px;font-size:13px;line-height:1.6;overflow-x:auto}.code-block .code-comment{color:var(--ink-3)}.code-block .code-signal{color:var(--signal-3)}.code-panel pre{max-width:100%;overflow-x:auto}.code-panel pre code{width:max-content;min-width:100%;display:block}.table-scroll{max-width:100%;overflow-x:auto}.regression-table{border-collapse:collapse;width:100%;min-width:420px}.skip-link{background:var(--ink);color:var(--paper);z-index:1000;padding:8px 16px;font-size:14px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.try-strip{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.try-strip a{background:var(--paper);border:1px solid var(--rule);color:var(--ink);transition:border-color var(--ease);align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.try-strip a:hover{border-color:var(--ink)}.learn-strip{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.learn-strip a{border:1px solid var(--rule);color:var(--ink);font-family:var(--mono);transition:border-color var(--ease);align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.learn-strip a:hover{border-color:var(--ink)}.format-strip{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.format-tag{font-family:var(--mono);color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:6px 12px;font-size:13px;font-weight:500}.checklist{color:var(--ink-2);gap:4px;margin:10px 0 0;padding-left:18px;line-height:1.4;display:grid}.checklist.wide{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding-left:0;list-style:none}.checklist.wide li{border:1px solid var(--rule);background:var(--paper);padding:10px 12px}.actions{gap:8px;margin-top:14px;display:grid}.actions a{color:var(--ink);border:1px solid var(--rule);transition:border-color var(--ease);padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none}.actions a:hover{border-color:var(--ink)}.pill-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pill{color:var(--ink-2);background:var(--paper-2);border:1px solid var(--rule);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.pill:hover{border-color:var(--ink)}.muted{color:var(--ink-muted)}@media (width<=1024px){:root{--gutter:32px}.primitives-grid{grid-template-columns:repeat(3,1fr)}.primitive-card:nth-child(3){border-right:none}.primitive-card:nth-child(n+4){border-top:1px solid var(--ink)}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:32px}}@media (width<=760px){:root{--gutter:20px}.topbar{height:auto;padding:12px var(--gutter);flex-direction:column;align-items:flex-start;gap:8px}.topnav{flex-wrap:wrap;gap:0}.topnav a{padding:8px 10px;font-size:11px}.topnav-cta{margin-left:0}.hero{padding:48px var(--gutter) 40px}.pipeline{flex-direction:column;grid-template-columns:1fr}.hero .pipeline{grid-template-columns:1fr}.pipeline-step{border-right:none;border-bottom:1px solid var(--ink)}.pipeline-step:last-child{border-bottom:none}.pipeline-arrow-r:after{display:none}.pipeline-stage{border-right:none;border-bottom:1px solid var(--ink);width:100%;min-width:0}.pipeline-stage:last-child{border-bottom:none}.pipeline-arrow{display:none}.stat-strip{grid-template-columns:1fr 1fr}.stat-strip .stat{border-bottom:1px solid var(--ink)}.stat-strip .stat:nth-child(odd){border-right:1px solid var(--ink)}.stat-strip .stat:nth-child(2n){border-right:none}.stat-strip .stat:nth-child(n+3){border-bottom:none}.primitives-grid{grid-template-columns:1fr}.primitive-card{border-right:none;border-bottom:1px solid var(--ink)}.primitive-card:last-child{border-bottom:none}.boundaries-grid{grid-template-columns:1fr}.boundary-card{border-right:none;border-bottom:1px solid var(--ink)}.boundary-card:last-child{border-bottom:none}.hero-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}@media (width<=480px){.stat-strip{grid-template-columns:1fr}.stat-strip .stat{border-right:none;border-bottom:1px solid var(--ink)}.stat-strip .stat:last-child{border-bottom:none}.footer-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--signal:#7c3aed;--signal-2:#a78bfa;--signal-3:#ddd6fe;--region-header:#8b5cf6;--region-timestamps:#06b6d4;--region-values:#10b981;--region-exceptions:#f59e0b;--dark-bg:#0a1929;--dark-bg-alt:#0d2137;--dark-text:#e2e8f0;--dark-text-muted:#94a3b8;--dark-text-dim:#64748b;--dark-accent:#60a5fa;--dark-accent-light:#93c5fd;--highlight-primary:#3b82f6;--highlight-bg:#3b82f626;--bit-0-bg:#1e293b;--bit-1-bg:#334155;--bit-0-text:#64748b;--bit-1-text:#e2e8f0;--badge-flat-bg:#fef3c7;--badge-flat-text:#92400e;--badge-chunked-bg:#dbeafe;--badge-chunked-text:#1e40af;--badge-column-bg:#d1fae5;--badge-column-text:#065f46;--z-cell:1;--z-highlight:2;--z-hover:3;--z-decode-panel:10;--z-tooltip:50}.section-intro{color:var(--ink-2);max-width:72ch;margin:0 0 18px;font-size:16px;line-height:1.5}.wasm-status{font-size:11px;font-family:var(--font-mono,monospace);border-radius:4px;margin-top:4px;padding:2px 8px}.wasm-ok{color:#059669;background:#10b9811f;border:1px solid #10b98140}.wasm-err{color:#dc2626;background:#ef44441f;border:1px solid #ef444440}.tag-codec{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border-radius:4px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}@media (width<=760px){.arch-row{flex-direction:column}.arch-arrow{transform:rotate(90deg)}.arch-box{max-width:100%}.demo-controls{flex-direction:column}.control-group select{min-width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.explorer-stats{flex-direction:column}.series-header{flex-direction:column;align-items:flex-start}.series-summary{margin-left:0}.chunk-detail-grid{grid-template-columns:repeat(2,1fr)}.byte-legend{flex-wrap:wrap}.comp-bar-row{grid-template-columns:80px 1fr 60px}.dataset-tabs,.backend-tabs{padding-bottom:4px;overflow-x:auto}.scenario-backend-row{flex-direction:column;align-items:flex-start}.scenario-backend-row select{width:100%;max-width:100%}}@media (prefers-reduced-motion:reduce){.arch-box,.stats-grid,.chart-container,.query-stats,.compression-bench{transition:none;animation:none}}.arch-diagram{gap:16px;margin-top:8px;display:grid}.arch-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.arch-bottom{justify-content:center}.arch-box{background:var(--surface-strong);text-align:center;min-width:200px;max-width:320px;box-shadow:var(--shadow-sm);border:1px solid #2b506a38;border-radius:16px;flex:1;padding:16px;transition:transform .2s,box-shadow .2s}.arch-box:hover{transform:translateY(-3px);box-shadow:0 16px 40px #0a24382e}.arch-icon{margin-bottom:6px;font-size:28px}.arch-box h4{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:16px}.arch-box p{color:var(--ink-soft);margin:6px 0 0;font-size:13px;line-height:1.4}.arch-arrow{color:var(--ink-soft);flex-shrink:0;font-size:22px;font-weight:700}.arch-ingest{border-top:3px solid var(--otlp)}.arch-storage{border-top:3px solid var(--octo)}.arch-query{border-top:3px solid var(--bench)}.arch-codec{border-top:3px solid var(--region-header)}.arch-labels{border-top:3px solid #ec4899}.arch-worker{border-top:3px solid var(--region-exceptions)}.backend-card{position:relative;overflow:visible}.backend-badge{text-transform:uppercase;letter-spacing:.1em;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.backend-badge.flat{background:var(--badge-flat-bg);color:var(--badge-flat-text)}.backend-badge.chunked{background:var(--badge-chunked-bg);color:var(--badge-chunked-text)}.backend-badge.column{background:var(--badge-column-bg);color:var(--badge-column-text)}.backend-stat{grid-template-columns:60px 1fr 70px;align-items:center;gap:8px;margin-top:8px;display:grid}.stat-label{color:var(--ink-soft);font-size:12px;font-weight:600}.stat-bar{background:#0000000f;border-radius:3px;height:6px;overflow:hidden}.stat-fill{background:linear-gradient(90deg,#f26f2d,#e74c3c);border-radius:3px;height:100%;transition:width .6s}.stat-fill.fast{background:linear-gradient(90deg, var(--region-values), #059669)}.stat-value{color:var(--ink);text-align:right;font-size:12px;font-weight:600}.compression-explainer{gap:14px;display:grid}.compression-step{align-items:flex-start;gap:14px;display:flex}.step-num{color:#fff;background:linear-gradient(135deg,#10314e,#0f5a89);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.step-content{flex:1}.step-content h4{color:var(--ink);margin:0 0 6px;font-size:17px}.step-content p{color:var(--ink-soft);margin:0 0 8px;font-size:14px;line-height:1.45}.query-feature{background:var(--surface-strong);border:1px solid #2b506a33;border-radius:16px;padding:16px}.query-feature h4{margin:0 0 10px;font-size:16px}.agg-pills{flex-wrap:wrap;gap:6px;display:flex}.agg-pill{color:#0f3a5e;background:linear-gradient(135deg,#10314e14,#0f5a8914);border:1px solid #10314e26;border-radius:8px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500}@media (width<=760px){.compression-step{flex-direction:column;align-items:stretch;width:100%;min-width:0}.step-content{width:100%;min-width:0}}.demo-panel{background:#f8fcffeb;border:2px solid #1259e02e}.demo-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.control-group{flex-direction:column;gap:4px;display:flex}.control-group label{text-transform:uppercase;letter-spacing:.08em;color:#4d687c;font-size:11px;font-weight:700}.control-group select,.control-group input{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #2b506a40;border-radius:10px;min-width:130px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500}.control-group select:focus,.control-group input:focus{outline-offset:1px;outline:2px solid #1259e059}.demo-btn{cursor:pointer;border:none;flex-shrink:0;padding:10px 20px;font-size:14px}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px;animation:.4s both rise-in;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #2b506a26;border-radius:14px;min-width:0;padding:14px}.stat-big{letter-spacing:-.03em;color:#0f3a5e;font-size:clamp(18px,1.2vw + 14px,26px);font-weight:700;line-height:1.1}.stat-big.compact{letter-spacing:-.04em;white-space:nowrap;font-size:23px}.stat-desc{text-transform:uppercase;letter-spacing:.06em;color:#6b8a9e;margin-top:4px;font-size:11px;font-weight:600}.compression-bench{margin-top:20px;animation:.4s both rise-in}.compression-bench h3{margin:0 0 12px;font-size:18px}.compression-bars{gap:10px;display:grid}.comp-bar-row{grid-template-columns:120px 1fr 90px;align-items:center;gap:10px;display:grid}.comp-bar-label{color:var(--ink);font-size:13px;font-weight:600}.comp-bar-track{background:#0000000a;border-radius:6px;height:24px;position:relative;overflow:hidden}.comp-bar-fill{color:#fff;border-radius:6px;align-items:center;height:100%;padding-left:8px;font-size:11px;font-weight:600;transition:width .8s cubic-bezier(.22,1,.36,1);display:flex}.comp-bar-fill.raw{background:linear-gradient(90deg,#e74c3c,#c0392b)}.comp-bar-fill.compressed{background:linear-gradient(90deg,#10b981,#059669)}.comp-bar-fill.gzip{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.comp-bar-value{color:var(--ink);text-align:right;font-size:13px;font-weight:700}.dataset-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.tab-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 18px;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-panel{display:block}.tab-panel[hidden]{display:none}.scenario-backend-row{align-items:center;gap:12px;margin-bottom:20px;font-size:.875rem;display:flex}.scenario-backend-row label{white-space:nowrap;font-weight:500}.scenario-backend-row select{max-width:260px}.scenario-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:4px;display:grid}.scenario-card{background:var(--panel-bg);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:8px;padding:20px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;position:relative;overflow:hidden}.scenario-card:hover{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);transform:translateY(-1px)}.scenario-card.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--panel-bg))}.scenario-card.loading{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.scenario-card.loaded{background:linear-gradient(#f0fdf4fa,#fffffff5);border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.sc-emoji{font-size:2rem;line-height:1}.sc-name{color:var(--text);font-size:1rem;font-weight:700}.sc-desc{color:var(--text-secondary);flex:1;font-size:.8125rem;line-height:1.5}.sc-meta{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.sc-meta-label{letter-spacing:.04em;text-transform:uppercase;color:#5f7a8f;margin-top:2px;font-size:.7rem;font-weight:700}.sc-metric{font-size:.7rem;font-family:var(--mono);background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;padding:2px 6px}.sc-stats{color:var(--text-tertiary,var(--text-secondary));border-top:1px solid var(--border);margin-top:4px;padding-top:8px;font-size:.75rem}.sc-selected-badge{color:#166534;letter-spacing:.02em;background:#16a34a1f;border:1px solid #16a34a3d;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.72rem;font-weight:700;display:none;position:absolute;top:14px;right:14px}.scenario-card.loaded .sc-selected-badge{display:inline-flex}.sc-loading-indicator{color:#1d4ed8;align-items:center;gap:8px;margin-top:6px;font-size:.8rem;font-weight:600;display:none}.scenario-card.loading .sc-loading-indicator{display:inline-flex}.sc-spinner{border:2px solid #2563eb2e;border-top-color:#2563eb;border-radius:50%;width:14px;height:14px;animation:.85s linear infinite scenario-spin}@keyframes scenario-spin{to{transform:rotate(360deg)}}.storage-stats-row{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;margin-bottom:24px;display:grid}.fork-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.fork-card{appearance:none;text-align:left;cursor:pointer;background:linear-gradient(#fffffffa,#f3f9fff0);border:1px solid #2b506a29;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 10px 24px #0f3a5e0f}.fork-card:hover{border-color:#2563eb5c;transform:translateY(-2px);box-shadow:0 16px 30px #2563eb1f}.fork-card:focus-visible{outline-offset:2px;outline:3px solid #3b82f638}.fork-icon{color:#1d4ed8;background:#2563eb1f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:inline-flex}.fork-card h3{color:#0f3a5e;margin:0;font-size:18px}.fork-card p{color:#5f7a8f;margin:0;font-size:14px;line-height:1.5}.fork-cta{letter-spacing:.04em;text-transform:uppercase;color:#2563eb;margin-top:auto;font-size:12px;font-weight:700}.scenario-card-custom .fork-cta{margin-top:auto}.explore-nav{background:#0f3a5e0f;border-radius:999px;gap:8px;margin-bottom:16px;padding:6px;display:inline-flex}.explore-nav-btn{appearance:none;color:#537086;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;transition:background .16s,color .16s,box-shadow .16s}.explore-nav-btn:hover{color:#0f3a5e;background:#ffffffb8}.explore-nav-btn.active,.explore-nav-btn[aria-selected=true]{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #2563eb38}.query-preview{background:linear-gradient(#f8fcfffa,#f2f8fff5);border:1px solid #2b506a24;border-radius:14px;margin-bottom:16px;padding:14px 16px;box-shadow:inset 0 1px #ffffffb8}.query-preview-code{color:#0f3a5e;white-space:pre-wrap;overflow-wrap:anywhere;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.5;display:block}.query-recipes{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.query-recipes-label{letter-spacing:.04em;text-transform:uppercase;color:#6b8a9e;margin-right:4px;font-size:12px;font-weight:700}.query-recipe{appearance:none;color:#0f3a5e;letter-spacing:.02em;cursor:pointer;background:#fff;border:1px solid #2b506a24;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;transition:border-color .16s,color .16s,background .16s}.query-recipe:hover{color:#2563eb;background:#2563eb0a;border-color:#2563eb57}.query-recipe.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb6b;box-shadow:0 10px 20px #2563eb33}.metrics-wizard{flex-direction:column;gap:18px;display:flex}.metrics-stage{background:linear-gradient(#fffffffa,#f4f9fff5);border:1px solid #2b506a1f;border-radius:18px;flex-direction:column;gap:16px;padding:18px;display:flex;box-shadow:0 12px 24px #0f3a5e0d}.metrics-stage[hidden]{display:none}.metrics-stage-header{flex-direction:column;gap:6px;display:flex}.metrics-stage-header h3{color:#0f3a5e;margin:0;font-size:1.05rem}.metrics-stage-header p{color:#5f7a8f;margin:0;font-size:.88rem;line-height:1.5}.metrics-stage-kicker{letter-spacing:.08em;text-transform:uppercase;color:#2563eb;font-size:.72rem;font-weight:700}.metrics-card-grid,.metrics-choice-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.metrics-overview-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.metrics-overview-card{appearance:none;box-sizing:border-box;text-align:left;cursor:pointer;background:#fff;border:1px solid #2b506a24;border-radius:16px;flex-direction:column;gap:10px;width:100%;min-width:0;padding:12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 12px 24px #0f3a5e0d}.metrics-overview-card:hover{border-color:#2563eb57;transform:translateY(-2px);box-shadow:0 14px 28px #2563eb1a}.metrics-overview-card.active{background:linear-gradient(#f1f7fffa,#fffffffa);border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.metrics-overview-head{flex-direction:column;gap:4px;display:flex}.metrics-overview-title{color:#0f3a5e;font-size:.98rem;font-weight:700}.metrics-overview-meta{color:#5f7a8f;font-size:.76rem}.metrics-overview-chart{background:linear-gradient(#f8fcfffa,#f2f8fff5);border:1px solid #2b506a1a;border-radius:14px;padding:8px}.metrics-overview-chart canvas{width:100%;height:auto;display:block}.metrics-card,.metrics-choice-card{appearance:none;box-sizing:border-box;text-align:left;cursor:pointer;background:#fff;border:1px solid #2b506a24;border-radius:16px;flex-direction:column;gap:10px;width:100%;min-width:0;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.metrics-card:hover,.metrics-choice-card:hover{border-color:#2563eb57;transform:translateY(-2px);box-shadow:0 14px 28px #2563eb1a}.metrics-card.active,.metrics-choice-card.active{background:linear-gradient(#f1f7fffa,#fffffffa);border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.metrics-card-head,.metrics-choice-head{align-items:flex-start;gap:10px;display:flex}.metrics-card-icon,.metrics-choice-icon{color:#2563eb;background:#2563eb1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:inline-flex}.metrics-card-title,.metrics-choice-title{color:#0f3a5e;font-size:.98rem;font-weight:700}.metrics-card-subtitle,.metrics-choice-copy{color:#5f7a8f;font-size:.82rem;line-height:1.5}.metrics-card-meta,.metrics-choice-meta,.metrics-query-stats{flex-wrap:wrap;gap:8px;display:flex}.metrics-pill,.metrics-query-stats span{color:#486579;background:#f7fbffeb;border:1px solid #2b506a1f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.metrics-card-labels{flex-wrap:wrap;gap:6px;display:flex}.metrics-tag{font-size:.72rem;font-family:var(--mono);color:#4d687c;background:#f7fbffeb;border:1px solid #2b506a1f;border-radius:999px;padding:4px 8px}.metrics-empty{text-align:center;color:#6b8a9e;background:#f7fbffb8;border:1px dashed #2b506a2e;border-radius:16px;justify-content:center;align-items:center;min-height:120px;padding:18px;line-height:1.6;display:flex}.metrics-chart-shell{min-height:430px}.metrics-chart-empty{background:0 0;border:none;min-height:380px}.metrics-actions{justify-content:flex-start;display:flex}.metrics-actions .cta:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.metrics-detail-toolbar{justify-content:flex-start;margin-bottom:-4px;display:flex}.metrics-back-btn{appearance:none;color:#0f3a5e;cursor:pointer;background:#f7fbffeb;border:1px solid #2b506a24;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;transition:border-color .16s,color .16s,background .16s}.metrics-back-btn:hover{color:#2563eb;background:#2563eb0a;border-color:#2563eb57}.metrics-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.metrics-gallery-card{appearance:none;box-sizing:border-box;text-align:left;cursor:pointer;background:#fff;border:1px solid #2b506a24;border-radius:16px;flex-direction:column;gap:8px;width:100%;min-width:0;padding:10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 12px 24px #0f3a5e0d}.metrics-gallery-card:hover{border-color:#2563eb57;transform:translateY(-1px);box-shadow:0 14px 28px #2563eb1a}.metrics-gallery-card:focus-visible{outline-offset:2px;outline:3px solid #2563eb2e}.metrics-gallery-label{font-size:.78rem;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#4d687c;font-weight:700}.metrics-gallery-chart{background:linear-gradient(#f8fcfffa,#f2f8fff5);border:1px solid #2b506a1a;border-radius:14px;padding:6px}.metrics-gallery-chart canvas{width:100%;height:auto;display:block}.backend-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.backend-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 18px;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.backend-tab:hover{color:var(--text)}.backend-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.storage-layout-diagram{margin-bottom:28px}.layout-diagram{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:20px}.layout-title{margin-bottom:6px;font-size:.9375rem;font-weight:700}.layout-description{color:var(--text-secondary);margin-bottom:16px;font-size:.8125rem}.layout-flat-rows{flex-direction:column;gap:8px;display:flex}.layout-flat-row{align-items:center;gap:12px;display:flex}.layout-series-name{font-size:.75rem;font-family:var(--mono);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:180px;overflow:hidden}.layout-flat-arrays{flex:1;gap:4px;min-width:0;display:flex}.layout-flat-ts{font-size:.7rem;font-family:var(--mono);background:#6366f12e;border:1px solid #6366f1;border-radius:4px;flex:1;padding:4px 8px}.layout-flat-vals{font-size:.7rem;font-family:var(--mono);background:#10b9812e;border:1px solid #10b981;border-radius:4px;flex:1;padding:4px 8px}.layout-bytes{color:var(--text-secondary);font-size:.65rem}.layout-alloc-badge{font-size:.7rem;font-family:var(--mono);background:var(--panel-bg);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:2px 6px}.layout-chunked-rows{flex-direction:column;gap:8px;display:flex}.layout-chunked-row{align-items:center;gap:12px;display:flex}.layout-chunks{flex-wrap:wrap;flex:1;gap:4px;display:flex}.layout-chunk{font-size:.7rem;font-family:var(--mono);cursor:default;border-radius:4px;flex-direction:column;align-items:center;gap:1px;min-width:42px;padding:4px 8px;display:flex}.layout-chunk.frozen{background:#3b82f633;border:1px solid #3b82f6}.layout-chunk.hot{background:#f59e0b33;border:1px solid #f59e0b}.lc-pts{font-size:.65rem;font-weight:600}.lc-ratio{color:var(--text-secondary);font-size:.6rem}.lc-label{color:#f59e0b;font-size:.6rem}.layout-chunk-ellipsis{color:var(--text-secondary);align-self:center;padding:0 4px;font-size:.75rem}.layout-more{color:var(--text-secondary);padding:4px 0;font-size:.8125rem}.layout-ts-spine{background:#6366f114;border:1px solid #6366f1;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.layout-spine-label{color:#6366f1;white-space:nowrap;flex-shrink:0;width:140px;font-size:.8rem;font-weight:600}.layout-ts-chunks{flex-wrap:wrap;flex:1;gap:4px;display:flex}.layout-ts-chunk{font-size:.7rem;font-family:var(--mono);background:#6366f140;border:1px solid #6366f1;border-radius:4px;padding:4px 8px}.layout-spine-amortized{color:var(--text-secondary);white-space:nowrap;font-size:.7rem}.layout-column-rows{flex-direction:column;gap:6px;display:flex}.layout-column-row{align-items:center;gap:12px;display:flex}.layout-val-chunks{flex-wrap:wrap;flex:1;gap:4px;display:flex}.layout-val-chunk{font-size:.7rem;font-family:var(--mono);background:#10b98133;border:1px solid #10b981;border-radius:4px;padding:4px 8px}.layout-legend{color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-top:14px;font-size:.75rem;display:flex}.layout-legend>span{align-items:center;gap:6px;display:flex}.layout-legend>span:before{content:"";border-radius:2px;width:12px;height:12px;display:inline-block}.legend-ts:before{background:#6366f166;border:1px solid #6366f1}.legend-vals:before{background:#10b98166;border:1px solid #10b981}.legend-frozen:before{background:#3b82f666;border:1px solid #3b82f6}.legend-hot:before{background:#f59e0b66;border:1px solid #f59e0b}.legend-ts-spine:before{background:#6366f166;border:1px solid #6366f1}.legend-val-col:before{background:#10b98166;border:1px solid #10b981}.query-lab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:20px;display:grid}.query-stage{background:linear-gradient(#fffffffa,#f4f9fff5);border:1px solid #2b506a1f;border-radius:18px;flex-direction:column;gap:16px;padding:18px;display:flex;box-shadow:0 12px 24px #0f3a5e0d}.query-stage-header{flex-direction:column;gap:6px;display:flex}.query-stage-header h3{color:#0f3a5e;margin:0;font-size:1.05rem}.query-stage-header p{color:#5f7a8f;margin:0;font-size:.88rem;line-height:1.5}.query-stage-kicker{letter-spacing:.08em;text-transform:uppercase;color:#2563eb;font-size:.72rem;font-weight:700}.query-stage .control-group{gap:6px}.query-stage .control-group select{width:100%;min-width:0}.query-stage-transform{background:linear-gradient(#fffffffa,#f5fafff7)}.query-stage-rollup{background:linear-gradient(#fffffffa,#f0f9fff7)}@media (width<=700px){.fork-grid{grid-template-columns:1fr}.explore-nav{width:100%}.explore-nav-btn{text-align:center;flex:1 1 0}.query-lab-grid,.matcher-add-row,.query-stage-rollup .matcher-add-row{grid-template-columns:1fr}.query-recipes-label{width:100%;margin-right:0}.metrics-overview-grid,.metrics-gallery-grid,.query-pipeline{grid-template-columns:1fr}.pipeline-arrow{display:none}}@media (width<=1100px){.query-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.query-stage-rollup{grid-column:1/-1}}@media (width<=700px){.query-lab-grid{grid-template-columns:1fr}.query-stage-rollup{grid-column:auto}}.matcher-section{flex-direction:column;gap:10px;display:flex}.matcher-label{letter-spacing:.06em;text-transform:uppercase;color:#4d687c;font-size:.78rem;font-weight:700}.matcher-chips{flex-wrap:wrap;gap:6px;min-height:0;display:flex}.matcher-empty{color:#6b8a9e;background:#f7fbffb8;border:1px dashed #2b506a2e;border-radius:999px;align-items:center;min-height:38px;padding:0 12px;font-size:.8rem;display:inline-flex}.matcher-chip{background:color-mix(in srgb, var(--accent) 10%, var(--panel-bg));border:1px solid var(--accent);font-size:.78rem;font-family:var(--mono);border-radius:20px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.mc-label{color:var(--text-secondary)}.mc-op{color:var(--accent);font-weight:600}.mc-val{color:var(--text)}.mc-remove{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0 2px;font-size:.9rem;line-height:1}.mc-remove:hover{color:var(--text)}.group-chip{background:#2563eb14;border-color:#2563eb47}.group-chip .mc-label{color:#2563eb;font-weight:700}.matcher-add-row{background:#f7fbffe6;border:1px solid #2b506a1a;border-radius:12px;grid-template-columns:minmax(0,1.1fr) 88px minmax(0,1.1fr) auto;align-items:center;gap:6px;padding:10px;display:grid}.query-stage-rollup .matcher-add-row{grid-template-columns:minmax(0,1fr) auto}.matcher-select{appearance:none;color:#0f3a5e;cursor:pointer;background:linear-gradient(#fffffffa,#f2f8fff0);border:1px solid #2b506a2e;border-radius:10px;min-width:0;padding:9px 34px 9px 12px;font-size:.8125rem;box-shadow:inset 0 1px #ffffffb3}.matcher-op-select{appearance:none;color:#0f3a5e;cursor:pointer;background:linear-gradient(#fffffffa,#f2f8fff0);border:1px solid #2b506a2e;border-radius:10px;width:76px;padding:9px 12px;font-size:.8125rem;box-shadow:inset 0 1px #ffffffb3}.matcher-select:hover,.matcher-op-select:hover{border-color:#2563eb3d}.matcher-select:focus,.matcher-op-select:focus{outline-offset:1px;border-color:#2563eb57;outline:3px solid #2563eb24}.btn-add-filter{background:var(--panel-bg);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:10px;justify-self:start;padding:9px 12px;font-size:.8125rem;font-weight:700;transition:border-color .15s,color .15s,background .15s}.btn-add-filter:hover{border-color:var(--accent);color:var(--accent);background:#2563eb0a}.hint{color:var(--text-secondary);font-size:.75rem;font-weight:400}.query-note{color:#6b8a9e;margin:0;font-size:12px;line-height:1.45}.qp-fn,.qp-kw{color:#2563eb;font-weight:700}.qp-metric,.qp-group{color:#0f3a5e;font-weight:700}.qp-label{color:#64748b}.qp-op{color:#1d4ed8;font-weight:700}.qp-val{color:#0f766e}.query-plan-panel{padding-top:24px}.query-plan-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.query-plan-head h2{color:#0f3a5e;margin:0;font-size:1.2rem}.query-plan-summary{color:#6b8a9e;text-align:right;margin:0;font-size:13px;line-height:1.5}.query-pipeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pipeline-stage{background:#fff;border:1px solid #2b506a1f;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex;position:relative}.pipeline-icon{color:#2563eb;background:#2563eb1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.pipeline-info{min-width:0}.pipeline-title{color:#0f3a5e;margin-bottom:4px;font-size:13px;font-weight:700}.pipeline-detail{color:#5f7a8f;font-size:12px;line-height:1.45}.pipeline-arrow{color:#94a3b8;font-weight:700;position:absolute;top:calc(50% - 10px);right:-12px}@media (width<=700px){.query-plan-head{flex-direction:column;align-items:flex-start}.query-plan-summary{text-align:left}}.query-execution-panel{color:var(--text);background:linear-gradient(#f8fcfff2,#f4f8ffe6);border:1px solid #2b506a24;border-radius:18px;padding:18px;box-shadow:0 10px 28px #1a3d6114}.query-execution-head{align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.query-execution-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 4px;font-size:11px;font-weight:700}.query-execution-panel h3{color:#15324b;margin:0;font-size:21px}.query-execution-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.query-execution-details{border-top:1px solid #2b506a1f;padding-top:12px}.query-execution-summary{cursor:pointer;font-family:var(--mono);color:#34526d;font-size:13px;line-height:1.5;list-style:none}.query-execution-summary::-webkit-details-marker{display:none}.query-execution-summary:before{content:"▸";color:var(--accent);margin-right:10px;transition:transform .18s;display:inline-block}.query-execution-details[open] .query-execution-summary:before{transform:rotate(90deg)}.query-execution-body{margin-top:12px;display:grid}.fabric-grid{grid-template-columns:minmax(0,1fr);display:grid}.fabric-card{background:#ffffffeb;border:1px solid #6e8aa629;border-radius:14px;padding:14px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1623380a}.fabric-card:after{content:"";background:#94a3b859;width:4px;position:absolute;inset:0 auto 0 0}.fabric-card.role-hot-owner:after{background:linear-gradient(#fb923c,#f59e0b)}.fabric-card.role-history-shard:after{background:linear-gradient(#60a5fa,#2563eb)}.fabric-card-coordinator:after{background:linear-gradient(#c084fc,#8b5cf6)}.fabric-card-coordinator{max-width:720px;padding:11px 12px}.fabric-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.fabric-card-top-compact{margin-bottom:6px}.fabric-role{text-transform:uppercase;letter-spacing:.1em;color:#6885a2;font-size:11px;font-weight:700}.fabric-coordinator-meta{font-family:var(--mono);color:#6f88a2;font-size:10px}.fabric-status{text-transform:uppercase;letter-spacing:.08em;color:#55738f;background:#94a3b81f;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.fabric-card.phase-loading .fabric-status,.fabric-card.phase-running .fabric-status{color:#1d4ed8;background:#3b82f629}.fabric-card.phase-complete .fabric-status,.fabric-card.phase-ready .fabric-status{color:#047857;background:#10b98129}.fabric-card.phase-fallback .fabric-status{color:#b45309;background:#f59e0b29}.fabric-name{font-family:var(--mono);color:#173550;margin-bottom:4px;font-size:15px;font-weight:600}.fabric-detail{color:#607d99;min-height:34px;margin-bottom:10px;font-size:13px;line-height:1.4}.fabric-detail-compact{min-height:0;margin-bottom:0;font-size:12px;line-height:1.45}.fabric-task{font-family:var(--mono);color:#8c5a12;margin:8px 0 10px;font-size:12px}.fabric-meter{background:#bfd0e06b;border-radius:999px;height:8px;margin-bottom:10px;overflow:hidden}.fabric-meter span{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#34d399);height:100%;transition:width .18s;display:block}.fabric-card.phase-running .fabric-meter span{background:linear-gradient(90deg,#38bdf8,#818cf8,#38bdf8) 0 0/200% 100%;animation:1.4s linear infinite fabric-pulse}.fabric-metrics{font-family:var(--mono);color:#758da5;flex-wrap:wrap;gap:8px 12px;font-size:11px;display:flex}.fabric-worker-toggle{border-top:1px solid #6e8aa61f;margin-top:10px;padding-top:10px}.fabric-worker-toggle-summary{cursor:pointer;font-family:var(--mono);color:#55738f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;font-size:11px;list-style:none;display:flex}.fabric-worker-toggle-summary::-webkit-details-marker{display:none}.fabric-worker-toggle-summary:before{content:"▸";color:var(--accent);margin-right:8px;transition:transform .18s;display:inline-block}.fabric-worker-toggle[open] .fabric-worker-toggle-summary:before{transform:rotate(90deg)}.fabric-worker-toggle-meta{color:#7a90a6}.fabric-worker-grid{grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:10px;margin-top:10px;display:grid}.fabric-worker-mini{background:#fafcfff0;border:1px solid #6e8aa624;border-radius:12px;position:relative;overflow:hidden}.fabric-worker-mini:after{content:"";background:#94a3b859;width:3px;position:absolute;inset:0 auto 0 0}.fabric-worker-mini.role-hot-owner:after{background:linear-gradient(#fb923c,#f59e0b)}.fabric-worker-mini.role-history-shard:after{background:linear-gradient(#60a5fa,#2563eb)}.fabric-worker-mini-summary{cursor:pointer;padding:10px 12px 10px 14px;list-style:none;display:block;position:relative}.fabric-worker-mini-summary::-webkit-details-marker{display:none}.fabric-worker-mini-summary:after{content:"▾";color:#6f88a2;font-size:11px;transition:transform .18s;position:absolute;top:10px;right:10px;transform:rotate(-90deg)}.fabric-worker-mini[open] .fabric-worker-mini-summary:after{transform:rotate(0)}.fabric-worker-mini-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.fabric-worker-mini-name{font-family:var(--mono);color:#173550;font-size:12px;font-weight:600}.fabric-worker-mini-meta{font-family:var(--mono);color:#6f88a2;flex-wrap:wrap;gap:4px 8px;margin-bottom:8px;font-size:10px;display:flex}.fabric-meter-compact{height:6px;margin-bottom:0}.fabric-worker-mini-body{background:#f5f9ffb8;border-top:1px solid #6e8aa61f;padding:0 12px 12px 14px}.fabric-worker-mini .fabric-detail{min-height:0;margin:10px 0 8px;font-size:12px}.fabric-worker-mini .fabric-task{margin:0 0 8px;font-size:11px}.fabric-worker-mini .fabric-metrics{gap:6px 10px;font-size:10px}@keyframes fabric-pulse{0%{background-position:0 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.fabric-card.phase-running .fabric-meter span{background-position:0 0;animation:none}}@media (width<=700px){.query-execution-head{flex-direction:column}}.query-controls h3{margin:18px 0 12px;font-size:20px}.query-stats{flex-wrap:wrap;gap:14px;margin-bottom:12px;animation:.3s both rise-in;display:flex}.query-stats span{color:var(--ink-soft);background:#fff;border:1px solid #2b506a26;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500}.query-stats span strong{color:var(--ink)}.chart-container{background:#fff;border:1px solid #2b506a26;border-radius:16px;padding:16px;animation:.4s both rise-in;position:relative;overflow:visible}.chart-container canvas{width:100%;height:auto;display:block}.chart-legend{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.legend-item{color:var(--ink-soft);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.legend-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.chart-crosshair{pointer-events:none;z-index:5;background:#0f3a5e59;width:1px;display:none;position:absolute}.chart-tooltip{color:#fff;pointer-events:none;z-index:10;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f3a5ef0;border-radius:10px;max-width:300px;padding:10px 14px;font-size:13px;display:none;position:absolute;box-shadow:0 6px 24px #00000040}.tooltip-time{opacity:.7;letter-spacing:.02em;margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.tooltip-row{align-items:center;gap:6px;margin:3px 0;font-size:12px;display:flex}.tooltip-swatch{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tooltip-label{opacity:.85;flex:1;font-size:11px}.tooltip-row strong{font-family:IBM Plex Mono,monospace;font-size:12px}.storage-explorer{max-width:100%;margin-top:24px;animation:.4s both rise-in;overflow:hidden}.storage-explorer h3{margin:0 0 8px;font-size:20px}.storage-intro{color:var(--ink-soft);margin:0 0 16px;font-size:14px;line-height:1.45}.tag-frozen{text-transform:uppercase;letter-spacing:.08em;background:var(--badge-chunked-bg);color:var(--badge-chunked-text);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.tag-hot{text-transform:uppercase;letter-spacing:.08em;background:var(--badge-flat-bg);color:var(--badge-flat-text);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.explorer-stats{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.explorer-stat{background:#fff;border:1px solid #2b506a26;border-radius:12px;flex-direction:column;align-items:center;min-width:100px;padding:10px 16px;display:flex}.explorer-stat-value{color:#0f3a5e;letter-spacing:-.02em;font-size:20px;font-weight:700}.explorer-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#6b8a9e;margin-top:2px;font-size:10px;font-weight:600}.storage-series-list{gap:6px;display:grid}.metric-group{background:#ffffffd1;border:1px solid #2b506a1f;border-radius:14px;padding:14px;box-shadow:0 8px 24px #0f3a5e0d}.metric-group-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:10px;display:flex}.metric-group-name{color:#0f3a5e;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:700}.metric-group-stats{color:#6b8a9e;white-space:nowrap;font-size:11px;font-weight:600}.metric-group-rows{gap:8px;display:grid}.metric-group-expand{appearance:none;color:#2563eb;letter-spacing:.03em;cursor:pointer;background:#2563eb0f;border:1px dashed #2563eb4d;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,transform .16s}.metric-group-expand:hover{background:#2563eb1a;border-color:#2563eb73;transform:translateY(-1px)}.storage-series-row{background:#fff;border:1px solid #2b506a1f;border-radius:10px;min-width:0;padding:8px 12px;transition:border-color .2s;overflow:hidden}.storage-series-row:hover{border-color:#0a243833}.series-header{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.series-metric{color:#0f3a5e;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.series-labels{color:var(--ink-soft);flex-wrap:wrap;gap:4px;font-size:12px;display:flex}.label-pair{background:#0f3a5e0f;border-radius:4px;padding:1px 5px;font-family:IBM Plex Mono,monospace;font-size:11px}.label-key{color:#6b8a9e}.label-val{color:#0f3a5e;font-weight:500}.series-summary{color:#6b8a9e;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:500}.chunk-bar-row{border-radius:4px;align-items:center;gap:1px;max-width:100%;height:18px;display:flex;overflow:hidden}.chunk-bar-row .chunk-block{border-radius:2px;flex:1 1 0;min-width:3px;max-width:12px;height:100%}.chunk-elided{color:#2563eb;white-space:nowrap;background:#2563eb14;border-radius:999px;flex-shrink:0;margin-right:4px;padding:2px 6px;font-size:10px;font-weight:600}.chunk-block{font:inherit;color:inherit;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.chunk-block:hover{opacity:.85;z-index:2}.chunk-block.frozen{background:linear-gradient(135deg,#3b82f6,#2563eb)}.chunk-block.hot{background:linear-gradient(135deg, var(--region-exceptions), #d97706)}.chunk-label{color:#fff;opacity:.9;pointer-events:none;font-size:10px;font-weight:600}.explorer-stat.column-stat{border-left:3px solid #a855f7}.explorer-stat.column-stat .explorer-stat-value{color:#7c3aed}.chunk-block.frozen.column-store{background:linear-gradient(135deg, var(--region-values) 0%, #059669 100%)}.chunk-count-badge{color:#2563eb;background:#3b82f614;border-radius:4px;align-items:center;gap:4px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.chunk-count-badge.hot{color:#d97706;background:#f59e0b1a}.chunk-detail-section-title{color:#0f3a5e;margin:24px 0 4px;font-size:20px;font-weight:700}.chunk-detail-panel{background:#fff;border:2px solid #3b82f640;border-radius:16px;min-width:0;margin-top:16px;padding:20px;animation:.3s both rise-in;overflow:hidden}.chunk-empty-state{background:linear-gradient(#f8fcfffa,#f3f8fff2);border:1px dashed #3b82f647;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.chunk-empty-icon{color:#2563eb;background:#2563eb1a;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:inline-flex}.chunk-empty-title{color:#0f3a5e;font-size:18px;font-weight:700}.chunk-empty-copy{color:#5f7a8f;max-width:60ch;margin:0;font-size:14px;line-height:1.5}.chunk-empty-action{appearance:none;color:#2563eb;letter-spacing:.03em;cursor:pointer;background:#2563eb0f;border:1px solid #2563eb47;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700}.chunk-empty-action:hover{background:#2563eb1a}.chunk-detail-header{gap:8px;margin-bottom:16px;display:grid}.chunk-detail-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chunk-detail-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.chunk-nav{flex-shrink:0;align-items:center;gap:6px;display:flex}.chunk-nav-btn{cursor:pointer;color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:700;transition:background .15s;display:flex}.chunk-nav-btn:hover:not(:disabled){background:#3b82f633}.chunk-nav-btn:disabled{opacity:.3;cursor:default}.chunk-nav-label{color:#6b8a9e;white-space:nowrap;font-size:11px;font-weight:600}.chunk-detail-title{color:#0f3a5e;flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.chunk-detail-metric{min-width:0;font-size:16px;font-weight:600}.chunk-detail-labels{color:#6b8a9e;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400;line-height:1.5}.chunk-detail-label-row{border-top:1px solid #2b506a14;min-width:0;padding-top:6px}.store-badge{color:#6b8a9e;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.store-badge.val{color:#059669;background:#10b9811a}.store-badge.ts{color:#0891b2;background:#06b6d41a}.chunk-close{cursor:pointer;color:#6b8a9e;background:#0000000f;border:none;border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:16px;transition:background .15s}.chunk-close:hover{background:#0000001f}.detail-stat{text-align:center;background:#f8fcff;border:1px solid #2b506a1a;border-radius:10px;min-width:0;padding:8px 10px}.detail-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#6b8a9e;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:10px;font-weight:600;overflow:hidden}.detail-stat-value{color:#0f3a5e;letter-spacing:-.02em;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.detail-stat-small{white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500}.ratio-highlight{color:#059669}.chunk-detail-body{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:10px;margin-bottom:16px;display:grid}.chunk-detail-body>.detail-stat{min-width:0}.chunk-detail-sparkline{background:#f8fcff;border:1px solid #2b506a1a;border-radius:10px;flex-direction:column;grid-area:span 2/span 2;min-width:0;padding:10px 12px;display:flex}.chunk-detail-sparkline h4{text-transform:uppercase;letter-spacing:.06em;color:#6b8a9e;margin:0 0 6px;font-size:10px;font-weight:600}.chunk-detail-sparkline canvas{border-radius:6px;flex:1;width:100%;min-height:0}@media (width<=700px){.metric-group-header{align-items:flex-start}.metric-group-stats{white-space:normal}.chunk-detail-body{grid-template-columns:repeat(2,1fr)}}.chunk-time-range{color:#6b8a9e;white-space:nowrap;background:#2b506a0f;border-radius:4px;flex-shrink:0;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500}@media (width<=700px){.chunk-detail-topline{align-items:flex-start}.chunk-detail-meta{justify-content:flex-end;width:auto;margin-left:auto}}.chunk-ts-section{border-top:1px solid #2b506a1a;margin-top:20px;padding-top:16px}.chunk-ts-section h4{color:#0f3a5e;margin:0 0 8px;font-size:14px}.chunk-detail-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-bottom:16px;display:grid}.chunk-byte-layout{margin-bottom:16px}.chunk-byte-layout h4{color:#0f3a5e;margin:0 0 8px;font-size:14px}.byte-map{border-radius:6px;gap:1px;height:28px;display:flex;overflow:hidden}.byte-segment{color:#fff;justify-content:center;align-items:center;font-size:10px;font-weight:600;transition:opacity .15s;display:flex}.byte-segment:hover{opacity:.85}.byte-segment.header{background:linear-gradient(135deg, var(--region-header), #7c3aed)}.byte-segment.timestamps{background:linear-gradient(135deg, var(--region-timestamps), #0891b2)}.byte-segment.values{background:linear-gradient(135deg, var(--region-values), #059669)}.byte-segment.exceptions{background:linear-gradient(135deg, var(--region-exceptions), #d97706)}.byte-legend{gap:14px;margin-top:6px;display:flex}.byte-legend-item{color:#6b8a9e;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.byte-swatch{border-radius:3px;width:10px;height:10px}.byte-swatch.header{background:var(--region-header)}.byte-swatch.timestamps{background:var(--region-timestamps)}.byte-swatch.values{background:var(--region-values)}.byte-swatch.exceptions{background:var(--region-exceptions)}.chunk-sparkline-container{margin-bottom:16px;position:relative}.chunk-sparkline-container h4{color:#0f3a5e;margin:0 0 8px;font-size:14px}.chunk-sparkline-container canvas{cursor:crosshair;background:linear-gradient(#fffffff5,#f7fbfff5);border:1px solid #2b506a1a;border-radius:8px;width:100%;height:160px;display:block}@media (width<=640px){.chunk-sparkline-container canvas{height:136px}}#codecInsightOuter{margin-bottom:16px}.byte-explorer{background:#fafcff;border:1px solid #2b506a1f;border-radius:12px;margin-top:16px;overflow:visible}.byte-explorer-header{background:#fff;border-bottom:1px solid #2b506a1a;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.byte-explorer-header h4{color:#0f3a5e;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.byte-explorer-controls{gap:4px;display:flex}.byte-explorer-controls button{color:#6b8a9e;cursor:pointer;background:#fff;border:1px solid #2b506a26;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600;transition:all .15s}.byte-explorer-controls button:hover,.byte-explorer-controls button.active{color:#fff;background:#0f3a5e;border-color:#0f3a5e}.codec-insight{background:linear-gradient(135deg, var(--dark-bg) 0%, var(--dark-bg-alt) 100%);border:1px solid #1a3a5c;border-radius:8px;margin:10px 0;padding:14px 16px;font-size:12px;line-height:1.5}.codec-insight.ts{background:linear-gradient(135deg,#091925 0%,#0b1f30 100%);border-color:#0e4a6e;margin-top:6px}.ci-title{color:var(--dark-text);margin-bottom:10px;font-size:13px;font-weight:700}.ci-ref{color:var(--dark-text-dim);font-size:10px;font-weight:400}.ci-pipeline{gap:2px;display:flex}.ci-step{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;flex:1;gap:8px;padding:8px 10px;display:flex}.ci-num{width:22px;height:22px;color:var(--dark-accent);background:#1e3a5f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ci-body{min-width:0}.ci-step-title{color:var(--dark-accent-light);margin-bottom:2px;font-size:11px;font-weight:600}.ci-detail{color:var(--dark-text-muted);font-family:IBM Plex Mono,monospace;font-size:10px}.ci-example{color:var(--dark-text-dim);margin-top:2px;font-size:10px;font-style:italic}.ci-exceptions{color:var(--dark-text-muted);background:#ffffff08;border-radius:4px;margin-top:8px;padding:6px 10px;font-size:11px}.byte-grid-layout{grid-template-columns:12px minmax(0,1fr);align-items:start;gap:8px;padding:8px 8px 0;display:grid;position:relative}.byte-minimap{cursor:pointer;flex-direction:column;width:12px;min-height:72px;margin:0;display:flex;position:relative}.byte-minimap .mm-seg{width:100%;transition:opacity .12s}.byte-minimap .mm-seg:hover{opacity:.75}.byte-minimap .mm-viewport{pointer-events:none;background:#0f3a5e0f;border:2px solid #0f3a5e66;border-radius:2px;width:100%;transition:top .15s,height .15s;position:absolute;left:0}.hex-grid-scroll{will-change:scroll-position;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:320px;padding:0 0 0 2px;position:relative;overflow:auto}.hex-grid-scroll.is-scrollable:after{content:"";pointer-events:none;background:linear-gradient(#fafcff00 0%,#eef6ffeb 100%);height:18px;margin-top:-18px;display:block;position:sticky;bottom:0;left:0;right:0}.hex-grid-scroll.is-scrollable.is-at-end:after{opacity:0}.hex-scroll-hint{letter-spacing:.04em;text-transform:uppercase;color:#6f8aa3;opacity:0;pointer-events:none;background:#f9fcfff0;border:1px solid #2b506a24;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;bottom:8px;right:16px;transform:translateY(4px);box-shadow:0 6px 16px #0f3a5e14}.hex-scroll-hint.visible{opacity:1;transform:translateY(0)}.hex-grid{contain:layout style;grid-auto-rows:minmax(18px,auto);gap:1px;min-width:692px;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1;display:grid}.hex-row{display:contents}.hex-offset{color:var(--dark-text-muted);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #2b506a14;justify-content:flex-end;align-items:center;padding:2px 4px 2px 0;font-size:9px;font-weight:600;display:flex}.hex-cell{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;border-radius:3px;justify-content:center;align-items:center;height:18px;min-height:18px;padding:0;font-weight:500;display:flex;overflow:hidden}.hex-cell:hover{z-index:var(--z-hover);outline:1px solid #ffffff80;position:relative}.hex-cell.region-header{background:var(--region-header)}.hex-cell.region-timestamps{background:var(--region-timestamps)}.hex-cell.region-values{background:var(--region-values)}.hex-cell.region-exceptions{background:var(--region-exceptions)}.hex-cell.region-padding{color:var(--dark-text-dim);background:#cbd5e1}.hex-cell.highlighted{outline:2px solid var(--region-exceptions);outline-offset:1px;z-index:var(--z-highlight)}.hex-cell.hex-mapped.hex-sample-even{opacity:1}.hex-cell.hex-mapped.hex-sample-odd{opacity:.65}.hex-cell.hex-boundary{border-left:2px solid var(--region-exceptions)}.hex-cell.hex-highlight{outline-offset:-1px;z-index:var(--z-hover);outline:2px solid #fff;position:relative}.hex-cell.hex-highlight-ts{background:#06b6d440}.hex-cell.hex-highlight-val{background:#10b98140}.hex-decode-panel{color:#173b5d;background:linear-gradient(#f9fcff 0%,#eef6ff 100%);border:1px solid #2b506a24;border-radius:10px;min-height:92px;margin:8px 10px;padding:10px 14px;font-family:IBM Plex Mono,monospace;font-size:12px;animation:.2s both rise-in}.hex-decode-panel .bdp-placeholder{gap:6px;display:grid}.hex-decode-panel .bdp-placeholder-title{color:#173b5d;font-size:12px;font-weight:700}.hex-decode-panel .bdp-placeholder-copy{color:#69849b;font-size:11px;line-height:1.5}.hex-decode-panel .bdp-header{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.hex-decode-panel .bdp-header-compact{align-items:center}.hex-decode-panel .bdp-sample-primary{color:#173b5d;font-size:13px;font-weight:700}.hex-decode-panel .bdp-inline-value{color:#0a8e65;font-size:16px;font-weight:700}.hex-decode-panel .bdp-inline-label{color:#69849b;font-size:12px}.hex-decode-panel .bdp-type{font-size:13px;font-weight:700}.hex-decode-panel .bdp-type.timestamp{color:var(--region-timestamps)}.hex-decode-panel .bdp-type.value{color:var(--region-values)}.hex-decode-panel .bdp-value{color:#173b5d;margin:6px 0 4px;font-size:16px;font-weight:700}.hex-decode-panel .bdp-encoding{color:#69849b;font-size:11px;line-height:1.6}.hex-decode-panel .bdp-detail{color:#69849b;margin-top:2px;font-size:10px}.hex-decode-panel .bdp-math{gap:6px;margin-top:8px;display:grid}.hex-decode-panel .bdp-row{grid-template-columns:88px 1fr;align-items:start;gap:10px;display:grid}.hex-decode-panel .bdp-row-label{letter-spacing:.06em;text-transform:uppercase;color:#6f8aa3;font-size:10px;font-weight:700}.hex-decode-panel .bdp-row-formula{color:#173b5d;font-size:11px;line-height:1.5}.hex-decode-panel .bdp-note{color:#5c7891;margin-top:4px}.hex-decode-panel .bdp-note-strong{color:#dbe7f3}.hex-decode-panel .bdp-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:8px;display:grid}.hex-decode-panel .bdp-col{gap:8px;min-width:0;display:grid}.hex-decode-panel .bdp-section-title{letter-spacing:.06em;text-transform:uppercase;color:#6f8aa3;font-size:10px;font-weight:700}.hex-decode-panel .bdp-facts{gap:6px;display:grid}.hex-decode-panel .bdp-fact{gap:2px;display:grid}.hex-decode-panel .bdp-fact-label{color:#6f8aa3;font-size:10px}.hex-decode-panel .bdp-fact-value{color:#173b5d}.hex-decode-panel .bdp-stack{gap:2px;display:grid}.hex-decode-panel .bdp-eq-line{grid-template-columns:minmax(0,132px) 1fr;align-items:baseline;gap:10px;display:grid}.hex-decode-panel .bdp-eq-key{color:#93a9bf}.hex-decode-panel .bdp-eq-value{min-width:0}@media (width<=720px){.byte-grid-layout{grid-template-columns:8px minmax(0,1fr);gap:6px;padding:6px 6px 0}.hex-decode-panel .bdp-split{grid-template-columns:1fr}.hex-decode-panel .bdp-row{grid-template-columns:1fr;gap:4px}.hex-decode-panel .bdp-eq-line{grid-template-columns:1fr;gap:2px}}.byte-tooltip{z-index:var(--z-tooltip);color:#173b5d;pointer-events:none;opacity:0;background:linear-gradient(#fdfefe 0%,#eef6ff 100%);border:1px solid #2b506a24;border-radius:10px;min-width:160px;padding:9px 10px;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.5;transition:opacity .12s;position:fixed;box-shadow:0 10px 24px #0f3a5e1f}.byte-tooltip.visible{opacity:1}.byte-tooltip .bt-offset{color:#69849b}.byte-tooltip .bt-topline,.byte-tooltip .bt-main{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.byte-tooltip .bt-meta.has-headline{border-top:1px solid #2b506a1a;margin-top:6px;padding-top:6px}.byte-tooltip .bt-hex{color:#0f3a5e;font-size:13px;font-weight:700}.byte-tooltip .bt-dec{color:#69849b}.byte-tooltip .bt-rendered{color:#5c7891;margin-top:4px}.byte-tooltip .bt-headline{color:#173b5d;margin-top:6px;font-size:11px;font-weight:700}.byte-tooltip .bt-region{text-transform:uppercase;letter-spacing:.06em;border-radius:3px;margin-left:4px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.byte-tooltip .bt-region.header{background:var(--region-header)}.byte-tooltip .bt-region.timestamps{background:var(--region-timestamps)}.byte-tooltip .bt-region.values{background:var(--region-values)}.byte-tooltip .bt-sample{border-radius:3px;margin-left:4px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.byte-tooltip .bt-sample.timestamp{background:var(--region-timestamps)}.byte-tooltip .bt-sample.value{background:var(--region-values)}.bit-view{color:var(--dark-text);background:#0f1a2e;border-radius:8px;max-height:320px;margin:8px 10px;padding:10px;font-family:IBM Plex Mono,monospace;font-size:10px;overflow:auto}.bit-row{align-items:center;gap:2px;margin-bottom:2px;display:flex}.bit-row .bit-sample-label{color:var(--dark-text-muted);text-align:right;min-width:48px;padding-right:6px;font-size:9px}.bit-row .bit{cursor:default;border-radius:2px;justify-content:center;align-items:center;width:8px;height:14px;font-size:8px;font-weight:600;transition:background .1s,transform .1s;display:inline-flex}.bit-row .bit.b1{color:#93c5fd;background:#3b82f64d}.bit-row .bit.b0{color:#475569;background:#94a3b81a}.bit-row .bit.bit-mapped{cursor:pointer}.bit-row .bit.bit-mapped:hover,.bit-row .bit.bit-hover{z-index:var(--z-cell);position:relative;transform:scale(1.4)}.bit-row .bit.bit-ts.bit-sample-even{color:#67e8f9;background:#06b6d42e;border-bottom:1px solid #06b6d466}.bit-row .bit.bit-ts.bit-sample-odd{color:#67e8f9;background:#06b6d414;border-bottom:1px solid #06b6d440}.bit-row .bit.bit-val.bit-sample-even{color:#6ee7b7;background:#10b9812e;border-bottom:1px solid #10b98166}.bit-row .bit.bit-val.bit-sample-odd{color:#6ee7b7;background:#10b98114;border-bottom:1px solid #10b98140}.bit-row .bit.bit-boundary{border-left:2px solid #f59e0bb3;margin-left:1px}.bit-row .bit.bit-highlight{outline-offset:0px;z-index:var(--z-highlight);outline:1px solid #fff9;position:relative}.bit-row .bit.bit-highlight-ts{color:#e0f2fe!important;background:#06b6d480!important}.bit-row .bit.bit-highlight-val{color:#d1fae5!important;background:#10b98180!important}.bit-decode-panel{background:linear-gradient(135deg, var(--dark-bg) 0%, var(--dark-bg-alt) 100%);color:var(--dark-text);border:1px solid #1a3a5c;border-radius:8px;margin:8px 10px;padding:12px 14px;font-family:IBM Plex Mono,monospace;font-size:11px;animation:.2s both rise-in}.bdp-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.bdp-type{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.bdp-type.timestamp{color:#67e8f9;background:#06b6d433}.bdp-type.value{color:#6ee7b7;background:#10b98133}.bdp-sample{color:var(--dark-text-muted);font-size:11px}.bdp-bits{color:var(--dark-text-dim);margin-left:auto;font-size:10px}.bdp-value{color:#f1f5f9;word-break:break-all;margin-bottom:6px;font-size:16px;font-weight:700}.bdp-encoding{color:var(--dark-text-muted);font-size:11px;line-height:1.5}.bdp-encoding code{color:#f59e0b;background:#ffffff14;border-radius:3px;padding:1px 4px;font-weight:600}.bdp-detail{color:var(--dark-text-dim);margin-top:4px;font-size:10px}