:root{color-scheme:dark;--bg: #050b12;--bg-deep: #09121c;--surface: rgba(9, 18, 28, .82);--surface-strong: rgba(12, 24, 36, .94);--surface-soft: rgba(255, 255, 255, .04);--surface-muted: rgba(255, 255, 255, .028);--border: rgba(148, 163, 184, .12);--border-strong: rgba(45, 212, 191, .24);--text: #edf5f7;--muted: #90a5b4;--accent: #49cbb2;--accent-soft: rgba(45, 212, 191, .11);--amber: #f6b45b;--shadow: 0 24px 70px rgba(0, 0, 0, .28);--radius-xl: 30px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--font-display: "Space Mono", "JetBrains Mono", monospace;--font-body: "Outfit", "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 12% 14%,rgba(45,212,191,.08),transparent 26%),radial-gradient(circle at 86% 18%,rgba(246,180,91,.05),transparent 18%),linear-gradient(180deg,#050b12,#08121d 46%,#03080d);color:var(--text);font-family:var(--font-body);letter-spacing:-.01em}button,input,select{font:inherit}button{cursor:pointer}input,select,button{border:0}h1,h2,h3,p{margin:0}.app-shell{position:relative;max-width:1440px;margin:0 auto;padding:28px 24px 56px}.ambient,.grid-glow{position:fixed;inset:0;pointer-events:none}.ambient--one{background:radial-gradient(circle at 18% 14%,rgba(45,212,191,.06),transparent 28%)}.ambient--two{background:radial-gradient(circle at 85% 22%,rgba(148,163,184,.05),transparent 22%)}.grid-glow{background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at center,black 36%,transparent 92%);mask-image:radial-gradient(circle at center,black 36%,transparent 92%)}.panel,.source-card,.table-nav-card,.layer-card,.stat-card,.detail-tab,.meta-pill,.badge,.schema-badge,.note-pill,.search-box,.select-field,.table-rail,.table-detail,.schema-card,.rows-panel,.overview-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);gap:22px;padding:34px;margin-bottom:18px}.hero__copy,.hero__aside,.overview-card,.overview-card__head,.section-stack,.source-card,.layer-card,.stat-card,.schema-card,.table-nav-card{display:grid;gap:14px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem}.hero h1,.layer-header h2,.table-detail__copy h3,.rows-panel__header h3,.empty-state h3{font-family:var(--font-display)}.hero h1{max-width:13ch;font-size:clamp(2.4rem,4.4vw,4.6rem);line-height:.96;letter-spacing:-.05em}.hero-copy,.muted{color:var(--muted)}.hero-copy{max-width:60ch;font-size:1rem;line-height:1.72}.hero-actions,.overview-meta,.note-strip,.layer-header__actions{display:flex;flex-wrap:wrap;gap:12px}.refresh-button,.meta-pill,.badge,.schema-badge,.note-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px}.refresh-button{padding:12px 18px;border:1px solid rgba(45,212,191,.26);background:linear-gradient(135deg,#2dd4bf2e,#ffffff0d);color:var(--text);font-weight:600}.meta-pill,.badge,.schema-badge,.note-pill{padding:8px 12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--muted);font-size:.82rem}.schema-badge--accent{color:var(--amber);border-color:#f6b45b3d;background:#f6b45b17}.overview-card{height:100%;padding:22px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0b,#ffffff05)}.overview-grid,.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.overview-grid{grid-template-columns:1fr;gap:10px}.stat-card,.layer-card{padding:16px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:var(--surface-soft)}.stat-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px}.stat-card__label,.layer-card__label{color:var(--muted);font-size:.82rem}.stat-card__value,.layer-card__value{font-size:1.24rem;line-height:1.1}.stat-card__value{justify-self:end;font-size:1rem}.stat-card__hint,.layer-card__hint{color:var(--muted);font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}.stat-card__hint{grid-column:1 / -1}.error-banner{margin-bottom:18px;padding:14px 18px;border-radius:var(--radius-sm);border:1px solid rgba(255,132,155,.32);background:#ff849b1f}.section-stack{gap:18px}.section-panel{overflow:hidden;padding-bottom:28px}.section-panel--soft{background:linear-gradient(180deg,#0b1520eb,#070f17c7)}.layer-header,.table-detail__header,.rows-panel__header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.layer-header{padding:26px 28px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.layer-header__copy{display:flex;gap:18px;align-items:flex-start}.layer-header__text{display:grid;gap:8px;max-width:70ch}.layer-header h2,.table-detail__copy h3,.rows-panel__header h3,.empty-state h3{font-size:1.45rem}.layer-step{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:14px;border:1px solid rgba(45,212,191,.18);background:#2dd4bf14;color:var(--accent);font-family:var(--font-display);font-size:.9rem}.section-toolbar,.source-grid,.summary-grid,.note-strip,.workbench-grid{padding-left:28px;padding-right:28px}.section-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;padding-top:20px;padding-bottom:18px}.search-box,.select-field{display:grid;gap:8px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:var(--surface-muted)}.search-box{grid-template-columns:auto 1fr;align-items:center;color:var(--muted)}.search-box input,.select-field select{width:100%;background:transparent;color:var(--text);outline:0}.select-field span{color:var(--muted);font-size:.82rem}.select-field--inline{min-width:180px}.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.source-card,.table-nav-card{padding:18px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);text-align:left;transition:border-color .16s ease,transform .16s ease,background .16s ease}.source-card:hover,.table-nav-card:hover{transform:translateY(-1px);border-color:var(--border-strong)}.source-card--active,.table-nav-card--active{background:#2dd4bf1c;border-color:var(--border-strong)}.source-card__head,.source-card__stats,.source-card__footer,.table-nav-card__top,.table-nav-card__meta,.schema-card__top,.schema-card__meta{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.source-card__title{display:grid;gap:4px}.source-card__title span,.source-card__stats,.source-card__footer,.table-nav-card__meta{color:var(--muted);font-size:.84rem}.source-card__cta{color:var(--text)}.summary-grid{padding-top:24px}.summary-grid--table{padding-left:0;padding-right:0;padding-top:0;margin-bottom:18px}.note-strip{padding-top:18px}.note-pill{background:#ffffff08}.section-note{padding:4px 2px}.workbench-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.table-rail,.table-detail,.schema-card,.rows-panel{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#ffffff08}.table-rail,.table-detail{padding:18px}.table-list,.schema-grid{display:grid;gap:12px}.table-list{max-height:720px;overflow:auto}.table-detail__header{margin-bottom:18px}.table-detail__copy{display:grid;gap:8px}.detail-tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.detail-tab{padding:10px 16px;border-radius:999px;background:transparent;color:var(--muted)}.detail-tab--active{background:#2dd4bf24;color:var(--text)}.schema-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.schema-card{padding:14px}.rows-panel{padding:18px}.rows-panel__header{margin-bottom:16px}.rows-table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.08)}.rows-table{width:100%;border-collapse:collapse}.rows-table th,.rows-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.05)}.rows-table th{position:sticky;top:0;background:#06121bfa;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.rows-table td{min-width:180px;font-family:var(--font-mono);font-size:.82rem}.cell-value{display:inline-block;max-width:42ch;overflow-wrap:anywhere;line-height:1.5}.cell-value--empty{color:var(--amber)}.empty-state{display:grid;gap:10px;place-items:start;padding:28px;color:var(--muted)}.empty-state p:last-child{line-height:1.6}.empty-state--compact{padding:18px 0 0}@media(max-width:1100px){.hero,.section-toolbar,.overview-grid,.summary-grid,.workbench-grid{grid-template-columns:1fr}.layer-header,.layer-header__copy,.table-detail__header,.rows-panel__header{flex-direction:column}.layer-header__copy{gap:14px}}@media(max-width:720px){.app-shell{padding:16px 14px 36px}.hero{padding:24px 18px}.layer-header,.section-toolbar,.source-grid,.summary-grid,.note-strip,.workbench-grid{padding-left:18px;padding-right:18px}.meta-pill,.refresh-button,.select-field--inline{width:100%;justify-content:center}.detail-tabs{width:100%;justify-content:space-between}.detail-tab{flex:1 1 0;text-align:center}.table-rail,.table-detail,.rows-panel{padding:14px}.rows-table td,.rows-table th{min-width:140px;padding:10px 12px}.cell-value{max-width:30ch}}