:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060708;--bg-soft:#0d1014;--panel:#10141a;--panel-2:#141922;--line:#232a35;--line-strong:#323b49;--ink:#f3f5f7;--muted:#92a0b3;--accent:#f2f4f7;--accent-soft:#c8d0dc;--signal:#ffe66b;--signal-soft:#ffe66b29;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 0 0,#ffffff0f,#0000 20%),linear-gradient(#0a0c10,#050607 55%,#040505);margin:0}button,select{font:inherit}.app-shell{grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;min-height:100vh;padding:14px;display:grid}.topbar,.toolbar,.pane,.dock-panel{border:1px solid var(--line);background:linear-gradient(#13181ff5,#0d1014f5);box-shadow:0 24px 80px #00000057}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;display:flex}.topbar-copy{max-width:740px}.eyebrow{color:var(--accent-soft);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:700}.subtitle{color:var(--muted);margin:10px 0 0;font-size:.98rem}h1,h2{letter-spacing:0;margin:0}h1{font-size:clamp(1.65rem,2.4vw,2.6rem);font-weight:700}h2{font-size:.95rem;font-weight:600}.status-group{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.status-pill{border:1px solid var(--line-strong);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#ffffff0a;padding:8px 10px;font-size:.77rem;font-weight:600}.status-pill.muted{color:var(--muted)}.toolbar{flex-wrap:wrap;align-items:end;gap:10px;padding:12px;display:flex}.toolbar label{min-width:220px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:6px;font-size:.72rem;font-weight:700;display:grid}select,button{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:#ffffff08;padding:8px 12px}button{cursor:pointer;font-weight:600}button:hover:not(:disabled),select:hover{border-color:var(--accent-soft);background:#ffffff0f}button:disabled{cursor:not-allowed;opacity:.5}.workspace{grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:12px;min-height:0;display:grid}.pane{grid-template-rows:auto 1fr;min-height:500px;display:grid;overflow:hidden}.pane-title,.panel-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.pane-title span,.panel-head span{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.79rem}.viewer-surface,.map-surface{background:#07090c;min-height:0;position:relative}.viewer-surface:after,.map-surface:after{content:"";pointer-events:none;background:linear-gradient(#ffffff06,#ffffff06) top/100% 1px no-repeat,linear-gradient(90deg,#ffffff05,#0000 32% 68%,#ffffff05);position:absolute;inset:0}.viewer-surface canvas{width:100%;height:100%;display:block}.map-surface{place-items:center;padding:12px;display:grid;overflow:hidden}.map-stage{max-width:100%;max-height:100%;display:inline-block;position:relative}.map-stage img{object-fit:contain;max-width:100%;height:auto;max-height:calc(100vh - 330px);display:block}.map-stage canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.data-dock{grid-template-columns:minmax(320px,.62fr) minmax(0,1fr);gap:12px;display:grid}.dock-panel{min-height:0}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(#ffffff09,#ffffff04);gap:8px;min-height:76px;padding:12px;display:grid}.metric-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.metric-card strong{color:var(--signal);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:1rem;font-weight:600}.table-wrap{overflow:auto}.samples-table{border-collapse:collapse;width:100%}.samples-table th,.samples-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:10px 12px}.samples-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.samples-table td{color:var(--accent);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.79rem}.samples-table tbody tr:hover{background:#ffffff08}.empty-row td{color:var(--muted);font-family:IBM Plex Sans,Segoe UI,sans-serif}@media (width<=1100px){.workspace,.data-dock{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:10px}.topbar{flex-direction:column}.status-group{justify-content:flex-start}.pane{min-height:400px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
