:root{--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;--font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;--bg: oklch(.985 .003 250);--bg-elev: #ffffff;--bg-tint: oklch(.97 .004 250);--bg-deep: oklch(.955 .005 250);--line: oklch(.92 .005 250);--line-soft: oklch(.955 .004 250);--line-strong: oklch(.87 .007 250);--text: oklch(.18 .012 255);--text-2: oklch(.36 .012 255);--muted: oklch(.52 .012 255);--subtle: oklch(.68 .012 255);--ink: oklch(.22 .03 250);--ink-soft: oklch(.42 .04 250);--link: oklch(.42 .1 250);--haz-0: oklch(.86 .04 200);--haz-1: oklch(.78 .07 165);--haz-2: oklch(.8 .09 105);--haz-3: oklch(.72 .11 75);--haz-4: oklch(.62 .14 45);--haz-5: oklch(.48 .16 28);--haz-1-bg: oklch(.96 .025 165);--haz-2-bg: oklch(.97 .03 105);--haz-3-bg: oklch(.96 .04 75);--haz-4-bg: oklch(.95 .05 45);--haz-5-bg: oklch(.93 .06 28);--conf-hi: oklch(.55 .09 165);--conf-md: oklch(.65 .08 105);--conf-lo: oklch(.65 .08 50);--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-xs: 0 1px 0 oklch(.9 .005 250 / .5);--shadow-sm: 0 1px 2px oklch(.2 .02 250 / .04), 0 1px 1px oklch(.2 .02 250 / .02);--shadow-md: 0 4px 10px oklch(.2 .02 250 / .06), 0 1px 2px oklch(.2 .02 250 / .04);--shadow-lg: 0 12px 32px oklch(.2 .02 250 / .08), 0 2px 6px oklch(.2 .02 250 / .04);--gutter: 24px;--sidebar-w: 232px;--topbar-h: 56px}.density-compact{--gutter: 16px}.density-compact .data-row{padding-block:6px}.density-compact .stat-card{padding:14px 16px}.density-compact .section-pad{padding:18px 20px}.density-comfortable .data-row{padding-block:10px}.density-comfortable .stat-card{padding:20px 22px}.density-comfortable .section-pad{padding:24px 28px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}button{font-family:inherit}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--bg-tint);border-right:1px solid var(--line);padding:18px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;border-bottom:1px solid var(--line-soft);margin-bottom:14px}.brand-mark{width:22px;height:22px;border-radius:5px;background:var(--ink);display:grid;place-items:center;color:#fff;font-family:var(--font-serif);font-size:15px;line-height:1;padding-bottom:2px}.brand-name{font-weight:600;font-size:13.5px;letter-spacing:-.005em}.brand-sub{font-size:10.5px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.nav-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--subtle);font-family:var(--font-mono);padding:14px 8px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius);font-size:13px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background 80ms ease,color 80ms ease;position:relative}.nav-item:hover{background:var(--bg-deep);color:var(--text)}.nav-item.active{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-xs),inset 0 0 0 1px var(--line);font-weight:500}.nav-item .nav-ico{width:14px;height:14px;color:var(--muted);flex:0 0 14px}.nav-item.active .nav-ico{color:var(--ink)}.nav-item .nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--muted)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line-soft);padding-top:12px;display:flex;flex-direction:column;gap:8px}.org-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius)}.org-mark{width:26px;height:26px;border-radius:5px;background:#decbb1;display:grid;place-items:center;font-family:var(--font-serif);font-size:14px;color:var(--ink)}.org-name{font-size:12.5px;font-weight:500}.org-role{font-size:10.5px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.03em}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:30;background:#f9fafcd9;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line);height:var(--topbar-h);display:flex;align-items:center;gap:16px;padding:0 28px}.crumbs{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.crumbs .sep{color:var(--subtle)}.crumbs .leaf{color:var(--text);font-weight:500}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.scen-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 9px 5px 7px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--line);font-size:11.5px;color:var(--text-2);font-family:var(--font-mono);letter-spacing:.01em;cursor:pointer}.scen-pill:hover{border-color:var(--line-strong)}.scen-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--haz-3)}.icon-btn{width:30px;height:30px;border-radius:var(--radius);display:grid;place-items:center;border:1px solid transparent;background:transparent;color:var(--text-2);cursor:pointer}.icon-btn:hover{background:var(--bg-deep)}.page{padding:28px 32px 64px;max-width:1480px;margin:0 auto;width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-title{font-size:22px;font-weight:600;letter-spacing:-.015em;margin:0 0 4px}.page-sub{color:var(--muted);font-size:13px;max-width:64ch}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:baseline;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--line-soft);gap:12px}.card-title{font-size:13px;font-weight:600;letter-spacing:-.005em}.card-sub{font-size:11.5px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em}.card-body{padding:14px 18px}.card-foot{padding:10px 18px;border-top:1px solid var(--line-soft);font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 22px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:var(--font-mono)}.stat-value{font-family:var(--font-serif);font-size:34px;line-height:1.05;letter-spacing:-.01em;color:var(--text);font-feature-settings:"lnum","tnum"}.stat-value.lg{font-size:42px}.stat-value .unit{font-family:var(--font-sans);font-size:14px;color:var(--muted);font-weight:500;margin-left:6px;letter-spacing:0}.stat-foot{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);font-family:var(--font-mono)}.stat-trend{display:inline-flex;align-items:center;gap:4px}.stat-trend.up{color:var(--haz-4)}.stat-trend.down{color:var(--conf-hi)}.stat-trend.flat{color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:4px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.02em;background:var(--bg-tint);color:var(--text-2);border:1px solid var(--line);line-height:1.4}.tag.ghost{background:transparent}.tag .swatch{width:8px;height:8px;border-radius:2px;background:currentColor}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:11.5px;background:var(--bg-tint);color:var(--text-2);border:1px solid var(--line)}.haz-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 6px;border-radius:4px;font-size:11.5px;font-weight:500;border:1px solid;font-family:var(--font-sans)}.haz-0{color:#404952;background:#eff2f5;border-color:#dadee3}.haz-1{color:#0b3c2b;background:var(--haz-1-bg);border-color:#c0e0d1}.haz-2{color:#383400;color:oklch(.32 .07 105);background:var(--haz-2-bg);border-color:#dcdab4}.haz-3{color:#4d3200;color:oklch(.34 .09 75);background:var(--haz-3-bg);border-color:#e5c9a3}.haz-4{color:#672600;color:oklch(.36 .12 45);background:var(--haz-4-bg);border-color:#f1b499}.haz-5{color:#791a16;background:var(--haz-5-bg);border-color:#f19f94}.haz-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 8px}.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elev);color:var(--text);font-size:12.5px;font-weight:500;cursor:pointer;transition:background 80ms ease,border-color 80ms ease}.btn:hover{background:var(--bg-tint);border-color:var(--line-strong)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{background:#040e1a}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--bg-deep)}.btn.sm{padding:4px 9px;font-size:11.5px}.btn .ico{width:13px;height:13px}table.data{width:100%;border-collapse:collapse;font-size:12.5px}table.data thead th{text-align:left;font-weight:500;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}table.data tbody td{padding:10px;border-bottom:1px solid var(--line-soft);vertical-align:middle}table.data tbody tr:hover td{background:var(--bg-tint)}table.data tbody tr:last-child td{border-bottom:0}table.data td.num{font-family:var(--font-mono);font-feature-settings:"tnum";text-align:right;font-size:12px}.lineage{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--muted);letter-spacing:.02em}.lineage .src{padding:1px 5px;border:1px solid var(--line);border-radius:3px;background:var(--bg-tint)}.conf{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px;color:var(--muted)}.conf-bars{display:inline-flex;gap:2px;align-items:flex-end}.conf-bars i{width:3px;background:var(--line-strong);border-radius:1px;display:inline-block}.conf-bars i:nth-child(1){height:5px}.conf-bars i:nth-child(2){height:8px}.conf-bars i:nth-child(3){height:11px}.conf-hi i:nth-child(1),.conf-hi i:nth-child(2),.conf-hi i:nth-child(3){background:var(--conf-hi)}.conf-md i:nth-child(1),.conf-md i:nth-child(2){background:var(--conf-md)}.conf-lo i:nth-child(1){background:var(--conf-lo)}.ribbon{position:relative;height:6px;background:var(--bg-deep);border-radius:999px;overflow:hidden}.ribbon .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--haz-1),var(--haz-3) 55%,var(--haz-5));border-radius:999px}.sample-banner{display:inline-flex;align-items:center;gap:7px;padding:3px 9px 3px 6px;border-radius:999px;background:#ffebd2;color:#472d00;color:oklch(.32 .09 75);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;border:1px solid oklch(.87 .06 75)}.sample-banner .dot{width:6px;height:6px;border-radius:50%;background:#a97416}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:11.5px;color:var(--text-2);font-weight:500}.field-help{font-size:11px;color:var(--muted)}.input,.select,.textarea{font:inherit;font-size:13px;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elev);color:var(--text);outline:none;transition:border-color 80ms ease,box-shadow 80ms ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--ink-soft);box-shadow:0 0 0 3px #bbd0e866}.textarea{font-family:var(--font-sans);resize:vertical;min-height:76px}.segmented{display:inline-flex;padding:3px;background:var(--bg-deep);border-radius:var(--radius);border:1px solid var(--line)}.segmented button{background:transparent;border:0;padding:5px 10px;font-size:11.5px;color:var(--text-2);border-radius:4px;cursor:pointer;font-weight:500}.segmented button.on{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow-xs)}.mini-map{position:relative;background:var(--bg-deep);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line)}.kbd{font-family:var(--font-mono);font-size:10.5px;padding:1px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--bg-elev);color:var(--text-2)}.hr{height:1px;background:var(--line);border:0;margin:0}.map-page{position:fixed;inset:var(--topbar-h) 0 0 var(--sidebar-w);display:grid;grid-template-columns:320px 1fr 360px}.map-stage{position:relative;background:#eef3f5;overflow:hidden}.map-pane{background:var(--bg-elev);overflow:auto;border-right:1px solid var(--line)}.map-pane.right{border-right:0;border-left:1px solid var(--line)}.pane-section{padding:16px 18px;border-bottom:1px solid var(--line-soft)}.pane-section h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:var(--font-mono);margin:0 0 10px;font-weight:500}.legend-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0}.legend-row .sw{width:14px;height:14px;border-radius:3px}.hazard-toggle{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.hazard-toggle:hover{background:var(--bg-tint)}.hazard-toggle.on{background:var(--bg-deep)}.hazard-toggle .name{display:inline-flex;align-items:center;gap:8px}.hazard-toggle .swatch{width:10px;height:10px;border-radius:2px}.wizard{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}.steps{display:flex;flex-direction:column;gap:2px;padding-top:6px}.step{display:flex;gap:12px;padding:10px;border-radius:var(--radius);cursor:pointer;position:relative}.step:hover{background:var(--bg-tint)}.step.active{background:var(--bg-elev);box-shadow:inset 0 0 0 1px var(--line)}.step .step-num{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;color:var(--muted);background:var(--bg-elev);flex:0 0 22px}.step.done .step-num{background:var(--ink);border-color:var(--ink);color:#fff}.step.active .step-num{border-color:var(--ink);color:var(--ink);font-weight:600}.step-title{font-size:13px;font-weight:500;color:var(--text)}.step-meta{font-size:11.5px;color:var(--muted);margin-top:2px}.wizard-pane{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-md);padding:28px 32px;box-shadow:var(--shadow-sm)}.upload-zone{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);background:var(--bg-tint)}.upload-zone strong{color:var(--text);font-weight:500;font-size:13px}.callout{font-size:11.5px;color:var(--muted);border-left:2px solid var(--line-strong);padding:2px 0 2px 10px}.map-pane::-webkit-scrollbar{width:8px;height:8px}.map-pane::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.map-pane::-webkit-scrollbar-track{background:transparent}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.canvas-frame{background:var(--bg);width:100%;height:100%;overflow:hidden;position:relative}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.tnum{font-variant-numeric:tabular-nums}.small{font-size:11.5px}.tiny{font-size:11px}.center{text-align:center}.flex{display:flex}.flex1{flex:1;min-width:0}.grow{flex:1}.nowrap{white-space:nowrap}.gap-2{gap:6px}.gap-3{gap:10px}.gap-4{gap:14px}.gap-6{gap:22px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.map-overlay-card{position:absolute;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:280px;padding:14px 16px;z-index:5}.map-controls{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:8px;z-index:4}.map-controls .icon-btn{background:var(--bg-elev);border-color:var(--line)}.map-search{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px;box-shadow:var(--shadow-sm);z-index:4;width:280px;font-size:12.5px}.map-search input{border:0;outline:0;flex:1;background:transparent;font:inherit;font-size:12.5px}.map-scale{position:absolute;bottom:14px;right:14px;font-family:var(--font-mono);font-size:10.5px;color:var(--muted);background:var(--bg-elev);border:1px solid var(--line);padding:4px 8px;border-radius:var(--radius);z-index:4}.map-attrib{position:absolute;bottom:14px;left:14px;font-family:var(--font-mono);font-size:10px;color:var(--muted);z-index:4}.horizon{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.horizon .cell{background:var(--bg-elev);padding:8px 6px;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--muted);cursor:pointer}.horizon .cell.on{background:var(--ink);color:#fff}.horizon .cell:hover:not(.on){background:var(--bg-tint);color:var(--text)}.matrix{display:grid;gap:2px}.matrix-cell{height:22px;border-radius:2px}.ai-block{position:relative;background:linear-gradient(180deg,#f0f6fc,#f8fafd);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 16px 14px 42px;font-size:13px;color:var(--text)}.ai-block .ai-mark{position:absolute;top:13px;left:14px;width:20px;height:20px;border-radius:50%;background:var(--ink);display:grid;place-items:center;color:#fff;font-family:var(--font-serif);font-size:12px}.ai-block .ai-cite{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.bar-row{display:grid;grid-template-columns:130px 1fr 60px;gap:10px;align-items:center;padding:6px 0;font-size:12px}.bar-track{height:8px;background:var(--bg-deep);border-radius:4px;overflow:hidden;position:relative}.bar-fill{height:100%;background:var(--ink-soft);border-radius:4px}.axis{font-family:var(--font-mono);font-size:10px;fill:var(--muted)}.login-shell{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:var(--bg)}.login-brand{background:var(--ink);color:#eff2f5;padding:36px 48px;display:flex;flex-direction:column;gap:32px;position:relative;overflow:hidden}.login-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 12% 18%,oklch(.35 .05 245 / .55),transparent 60%),radial-gradient(70% 50% at 90% 90%,oklch(.55 .1 75 / .18),transparent 60%);pointer-events:none}.login-brand>*{position:relative;z-index:1}.login-tagline{font-family:var(--font-serif);font-size:56px;line-height:1;letter-spacing:-.02em;margin:0 0 16px;color:#fff;font-weight:400;max-width:14ch}.login-tagline em{font-style:italic;color:#d8c0a1}.login-sub{margin:0;max-width:44ch;font-size:14px;line-height:1.6;color:#bec5cc}.login-stats{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:20px 4px 0;border-top:1px solid oklch(.35 .02 250 / .6)}.login-stats>div{padding:4px}.login-stats .serif{font-family:var(--font-serif);font-size:22px;color:#fff;letter-spacing:-.01em}.login-stat-label{font-family:var(--font-mono);font-size:10px;color:#999fa6;letter-spacing:.06em;text-transform:uppercase;margin-top:4px}.login-foot{margin-top:28px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10.5px;color:#999fa6;letter-spacing:.04em}.login-foot a{color:#c8ced5}.login-form-wrap{display:grid;place-items:center;padding:48px;background:var(--bg)}.login-form-inner{width:100%;max-width:420px}.login-title{font-size:26px;font-weight:600;letter-spacing:-.018em;margin:6px 0;color:var(--text)}.login-help{margin:0 0 22px;color:var(--muted);font-size:13.5px;line-height:1.55}.login-cta{padding:10px 14px;justify-content:center;font-size:13px}.login-cta.is-loading{opacity:.85}.login-alt{justify-content:center;background:var(--bg-elev);padding:9px 14px}.login-divider{display:flex;align-items:center;gap:12px;color:var(--subtle);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;margin:4px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.login-error{background:#ffedea;background:oklch(.96 .04 28);border:1px solid oklch(.85 .07 28);border-radius:var(--radius);padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:#75201a;margin-bottom:16px}.login-foot-inline{text-align:center;font-size:12.5px;color:var(--muted)}.login-trust{margin-top:28px;padding-top:18px;border-top:1px solid var(--line-soft)}.link-btn{background:transparent;border:0;color:var(--link);font:inherit;font-size:12px;cursor:pointer;padding:0}.link-btn:hover{text-decoration:underline}.input-prefix{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);overflow:hidden}.input-prefix:focus-within{border-color:var(--ink-soft);box-shadow:0 0 0 3px #bbd0e866}.input-prefix>span{padding:7px 10px;background:var(--bg-tint);border-right:1px solid var(--line-soft);display:flex;align-items:center}.input-prefix .input{border:0;border-radius:0;flex:1;background:transparent}.input-prefix .input:focus{box-shadow:none}.spinner{width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:48px 28px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.empty-state .empty-art{width:56px;height:56px;border-radius:12px;background:var(--bg-deep);display:grid;place-items:center;color:var(--subtle);margin-bottom:6px}.empty-state h3{margin:0;font-size:14.5px;font-weight:600;letter-spacing:-.005em}.empty-state p{margin:0;color:var(--muted);font-size:12.5px;max-width:36ch;line-height:1.55}.empty-state .actions{margin-top:10px;display:flex;gap:8px}.error-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:#ffedea;background:oklch(.96 .04 28);border:1px solid oklch(.85 .07 28);color:#620a09;font-size:12.5px}.error-banner .error-ico{width:22px;height:22px;border-radius:50%;background:#cd6055;color:#fff;display:grid;place-items:center;flex:0 0 22px;margin-top:1px}.error-banner .error-title{font-weight:500;color:#560000;color:oklch(.28 .13 28)}.error-banner .error-actions{margin-top:8px;display:flex;gap:8px}.warn-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:#fff5d9;background:oklch(.97 .04 90);border:1px solid oklch(.88 .06 90);color:#4d3200;color:oklch(.34 .1 75);font-size:12.5px}.warn-banner .warn-ico{width:22px;height:22px;border-radius:50%;background:#b9832c;color:#fff;display:grid;place-items:center;flex:0 0 22px;margin-top:1px}.warn-banner .warn-title{font-weight:500;color:#402800;color:oklch(.3 .11 75)}.no-data-cell{display:inline-flex;align-items:center;gap:6px;color:var(--subtle);font-family:var(--font-mono);font-size:11px}.no-data-cell:before{content:"—";font-family:var(--font-sans)}.ds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ds-tile{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.ds-tile .ds-head{padding:14px 18px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:baseline}.ds-tile .ds-head h3{margin:0;font-size:13px;font-weight:600}.ds-tile .ds-body{padding:18px}.ds-swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.ds-swatch{display:flex;flex-direction:column;gap:4px}.ds-swatch .chip{height:56px;border-radius:6px;border:1px solid var(--line)}.ds-swatch .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--muted)}.ds-swatch .label b{color:var(--text);font-weight:500}.ds-type-row{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line-soft);align-items:baseline}.ds-type-row:last-child{border-bottom:0}.ds-type-row .ds-type-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.ds-type-row .ds-type-sample{color:var(--text)}