:root{color-scheme:light;--bg: #f6f8fb;--surface: #ffffff;--surface-soft: #f1f5f9;--surface-blue: #eaf4ff;--ink: #15202e;--muted: #64748b;--subtle: #8b9aab;--border: #dce5ef;--accent: #0f9f79;--accent-strong: #08775d;--accent-soft: #e5f7f1;--blue: #2c7fc3;--blue-soft: #dcecff;--warn: #c78121;--warn-soft: #fff5d8;--danger: #d04d2f;--danger-soft: #ffece7;--shadow: 0 18px 45px rgb(28 42 60 / 8%);--mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgb(220 229 239 / 56%) 1px,transparent 1px),linear-gradient(180deg,rgb(220 229 239 / 52%) 1px,transparent 1px),radial-gradient(circle at 18% -10%,rgb(15 159 121 / 10%),transparent 32%),var(--bg);background-size:48px 48px,48px 48px,auto,auto}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.app-shell{min-height:100vh}.app-nav{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:12px clamp(14px,3vw,34px);border-bottom:1px solid var(--border);background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:220px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#086b5c,#1b78b5);color:#fff;font-family:var(--mono);font-weight:900;font-size:13px}.brand strong,.brand small{display:block}.brand strong{font-size:14px;line-height:1.1}.brand small{margin-top:2px;color:var(--muted);font-size:11px}.nav-tabs{display:grid;grid-template-columns:repeat(4,minmax(148px,1fr));gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{display:block;min-width:148px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.nav-tab:hover{transform:translateY(-1px);border-color:#0f9f796b;background:color-mix(in srgb,var(--accent-soft) 42%,white)}.nav-tab.active{border-color:#0f9f79b8;background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent)}.nav-tab span,.nav-tab code,.nav-tab small{display:block;white-space:nowrap}.nav-tab span{font-size:13px;font-weight:850}.nav-tab code{margin-top:3px;color:var(--accent-strong);font-family:var(--mono);font-size:11px}.nav-tab small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis}main{width:min(100%,1580px);margin:0 auto;padding:18px clamp(14px,3vw,34px) 44px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(540px,.9fr);gap:16px;min-height:168px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.hero-copy{position:relative;z-index:2;padding:24px 26px}.route-kicker{display:inline-flex;margin:0 0 12px;padding:5px 9px;border:1px solid rgb(15 159 121 / 28%);border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-family:var(--mono);font-size:11px}h1{max-width:720px;margin:0;color:var(--ink);font-size:clamp(30px,3vw,42px);line-height:1.06;letter-spacing:0}.hero-copy>p:last-child{max-width:780px;margin:10px 0 0;color:var(--muted);font-size:15px}.hero-visual{position:absolute;top:0;right:0;bottom:0;width:min(58%,780px);background:linear-gradient(90deg,#fff,#ffffffb3 28%,#fff0 58%),url(/assets/data-lab-lattice.png) center right / cover no-repeat;opacity:.54;pointer-events:none}.summary-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(118px,1fr));gap:8px;align-self:center;width:auto;padding:18px 18px 18px 0}.summary-tile{min-width:0;padding:11px;border:1px solid rgb(220 229 239 / 86%);border-radius:8px;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-tile span{display:block;color:var(--muted);font-size:11px}.summary-tile strong{display:block;margin-top:5px;overflow-wrap:anywhere;color:var(--ink);font-family:var(--mono);font-size:clamp(14px,1.05vw,18px);line-height:1.1;white-space:nowrap}.workbench-grid{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:16px;align-items:start;margin-top:16px}.workbench-panel{min-width:0;border:1px solid var(--border);border-radius:8px;background:#fffffff0;box-shadow:var(--shadow)}.controls{position:sticky;top:92px;overflow:hidden}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fbfdff,#f5f8fb)}.panel-head h2{margin:0;font-size:14px;font-weight:850}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.panel-body{padding:14px}.status-dot{display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong);font-family:var(--mono);font-size:11px}.status-dot:before{width:7px;height:7px;border-radius:999px;background:var(--accent);content:""}.field{display:grid;gap:7px;margin:14px}.field span{color:var(--muted);font-size:12px;font-weight:750}select,input{width:100%;min-height:42px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--ink);padding:0 11px;outline:none}select:focus,input:focus{border-color:#0f9f79ad;box-shadow:0 0 0 3px #0f9f7921}.tail-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px}.tail-chip{min-height:46px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);font-family:var(--mono);font-weight:850;transition:transform .15s ease,background .15s ease,border-color .15s ease}.tail-chip:hover:not(:disabled){transform:translateY(-1px);border-color:#0f9f7970}.tail-chip.selected{border-color:#0f9f7994;background:var(--accent-soft);color:var(--accent-strong)}.tail-chip:disabled{opacity:.38}.run-button{width:calc(100% - 28px);min-height:44px;margin:4px 14px 14px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;font-weight:850;box-shadow:0 10px 22px #0f9f7938}.run-button:disabled{border-color:var(--border);background:var(--surface-soft);color:var(--muted);box-shadow:none}.results-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:16px;align-items:start}.data-panel.wide{grid-column:1 / -1}.number-matrix{display:grid;grid-template-columns:repeat(10,minmax(48px,1fr));gap:7px}.number-token{display:grid;place-items:center;min-height:34px;border:1px solid var(--border);border-radius:6px;background:var(--surface-soft);color:var(--ink);font-family:var(--mono);font-size:13px}.number-token.marked{border-color:#2c7fc357;background:var(--blue-soft)}.number-token.danger{border-color:#d04d2f57;background:var(--danger-soft);color:#a33a22}.class-stats,.locator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.locator-grid.compact{grid-template-columns:1fr}.metric,.stat-cell{min-width:0;padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.metric span,.stat-cell span,.stat-cell small{display:block;color:var(--muted);font-size:11px}.metric strong,.stat-cell strong{display:block;margin-top:6px;overflow-wrap:anywhere;color:var(--ink);font-family:var(--mono);font-size:22px;line-height:1.1}.scope-note{margin:0;padding:12px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:13px;line-height:1.7}.note-stack{display:grid;gap:10px}.table-notes{margin-bottom:12px}.stat-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.stat-strip.single-column{grid-template-columns:1fr}.table-shell{max-height:470px;overflow:auto;border:1px solid var(--border);border-radius:8px}table{width:100%;min-width:620px;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid var(--border);padding:10px;text-align:left;vertical-align:top;font-family:var(--mono);font-size:12px}th{position:sticky;top:0;z-index:1;background:var(--surface-soft);color:var(--muted);font-family:var(--sans);font-size:11px;font-weight:850}tr:last-child td{border-bottom:0}.loading-panel,.error-panel{display:grid;place-items:center;min-height:360px;padding:28px;text-align:center}.loading-panel strong,.error-panel strong{margin-top:14px}.loading-panel span,.error-panel span,.muted{color:var(--muted);font-size:13px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:999px;animation:spin .82s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:1080px){.hero,.workbench-grid,.results-grid{grid-template-columns:1fr}.controls{position:static}.hero-visual{width:100%;opacity:.26}.summary-grid{grid-column:1;width:auto;padding:0 26px 24px}}@media(max-width:760px){.app-nav{grid-template-columns:1fr;gap:10px;padding:10px}.brand{min-width:0}.nav-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-tab{min-width:0}main{padding:14px 10px 32px}.hero-copy,.summary-grid{padding:18px}h1{font-size:34px}.summary-grid,.class-stats,.locator-grid,.stat-strip{grid-template-columns:1fr}.number-matrix{grid-template-columns:repeat(5,minmax(44px,1fr))}}