:root{--bg:#071021;--panel:#101d31;--panel2:#13263b;--stroke:#263a54;--text:#e9f5ff;--muted:#a6bfd4;--mint:#59e6c6;--blue:#84baff;--amber:#ffc482;--red:#ff8598;--white:#fff;--gutter:clamp(18px,3vw,42px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.54 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--mint)}.wrap{max-width:1210px;padding:0 var(--gutter);margin:auto}.hero{background:radial-gradient(ellipse 56% 90% at 82% -10%,rgba(22,131,173,.45),transparent),linear-gradient(112deg,#08382e 0%,#092035 45%,#091a36 100%);border-bottom:1px solid #255269}.hero-layout{min-height:320px;padding-top:46px;padding-bottom:40px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);gap:46px;align-items:center}.eyebrow{color:#95dbdd;letter-spacing:2px;font-size:10px;font-weight:800}.eyebrow.small{letter-spacing:1.4px}.subline{color:#c1ced9;letter-spacing:1.4px;font-size:10px;font-weight:700;margin:16px 0 7px}.subline span{color:var(--mint)}h1{font-size:clamp(44px,6.1vw,83px);line-height:1.02;letter-spacing:-5px;margin:0;font-weight:850}.mark{color:var(--mint);font-weight:500;font-size:.72em;vertical-align:7px}h1 em{font-style:normal;background:linear-gradient(90deg,var(--mint),#89b7ff);background-clip:text;-webkit-text-fill-color:transparent}.hero-main p{font-size:14px;line-height:1.72;color:#cfdfef;max-width:680px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.chips span,.tag{border:1px solid #44778c;border-radius:999px;font-size:11px;padding:4px 10px;color:#b9e8df}.hero-card{background:rgba(13,34,55,.70);border:1px solid #3c7281;box-shadow:0 16px 42px rgba(0,0,0,.13);padding:23px;border-radius:16px}.kicker{font-weight:850;font-size:10px;letter-spacing:1.2px;color:#e9fcfb}.kicker b{float:right;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--mint);margin-right:7px;box-shadow:0 0 9px var(--mint)}.hero-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:21px 0}.hero-metrics strong{display:block;font-size:29px;font-weight:760;line-height:1.1;letter-spacing:-1px}.hero-metrics small{display:block;color:#add0da;font-size:11px;margin-top:3px}.micro{border-top:1px solid #33556b;color:#afc9d5;font-size:11px;padding-top:14px}.app-shell{padding-top:22px}.control-bar,.panel,.metric,.tiny-card{border:1px solid var(--stroke);background:var(--panel);border-radius:14px}.control-bar{padding:18px 20px}.control-header,.control-right{display:flex;gap:11px;align-items:center;justify-content:space-between;flex-wrap:wrap}.control-right{justify-content:end}.mini-badge{font-size:10px;font-weight:800;letter-spacing:.45px;border:1px solid #316f74;background:#0b343c;color:var(--mint);padding:5px 10px;border-radius:20px}.mini-badge.pending{background:#27304b;color:#d7dfff;border-color:#505d79}.mini-badge.warn{background:#442739;border-color:#835065;color:#ffadb7}.selector-row{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:18px}.selector-row label{color:var(--muted);font-size:11px;flex:1;min-width:160px;font-weight:650}select,input:not([type="file"]),textarea{background:#081628;border:1px solid #35465b;border-radius:8px;padding:10px 12px;width:100%;min-height:43px;outline:none;margin-top:5px}textarea{min-height:100px;resize:vertical}select:focus,input:focus,textarea:focus{border-color:var(--mint);box-shadow:0 0 0 2px #48d6ba22}.selector-row button{min-height:43px}.primary,.secondary,.danger,.ghost{border-radius:8px;border:1px solid #355a6d;padding:10px 14px;font-size:12px;font-weight:750;background:#203f51;color:#eafcfb}.primary{background:linear-gradient(110deg,#39bfa7,#358eba);border-color:#50c9c4;color:#051d29}.primary:hover{filter:brightness(1.13)}.secondary:hover,.ghost:hover{background:#2b5066}.danger{border-color:#895264;background:#4a2636;color:#ffd5db}.ghost{background:transparent}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.status-line{font-size:11px;color:#9cbac9;margin-top:14px}.nav{display:flex;gap:6px;overflow-x:auto;padding:19px 0 13px;scrollbar-color:#35556c transparent}.nav button{flex:none;white-space:nowrap;background:transparent;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1px;padding:11px 12px;border:0;border-bottom:2px solid transparent}.nav button:hover{color:#f2fff8}.nav button.active{border-color:var(--mint);color:#eafff6}.content{min-height:520px;padding-bottom:45px}.section-kicker{font-size:10px;letter-spacing:1.5px;color:var(--mint);font-weight:800;margin:12px 0 4px}.section-title{font-size:25px;line-height:1.22;letter-spacing:-.8px;margin:0 0 8px}.lead{color:var(--muted);max-width:850px;margin:0 0 17px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:19px 0}.metric{padding:16px}.metric small,.tiny-card small{display:block;color:var(--muted);font-size:11px}.metric strong{font-size:25px;display:block;margin-top:5px;letter-spacing:-.6px;line-height:1.1}.metric .sub{font-size:11px;margin-top:8px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.panel{padding:18px;min-width:0}.panel h3{font-size:15px;letter-spacing:-.2px;margin:0 0 4px}.panel .subhead{color:var(--muted);font-size:11px;margin:0 0 16px}.pill{font-size:10px;border-radius:14px;padding:4px 8px;white-space:nowrap;font-weight:800;display:inline-block;background:#18374b;color:#bce8ef;border:1px solid #3d6780}.pill.good{color:var(--mint);background:#0c3532;border-color:#326f63}.pill.bad{color:#ffb5c0;background:#462436;border-color:#8e4d5b}.pill.unverified{color:var(--amber);background:#413225;border-color:#79684b}.split-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.bar-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,2fr) auto;gap:13px;align-items:center;margin:13px 0}.bar-label{font-size:12px;color:#d8edf6}.track{height:9px;border-radius:99px;background:#233e57;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#35bdaa,#83aef5);border-radius:99px}.fill.fail{background:linear-gradient(90deg,#b97683,#f88c98)}.mono,code{font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.mono{color:#c8e5ed}.codeblock{background:#081422;border:1px solid #27405b;padding:12px;border-radius:9px;color:#bddfe5;font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow:auto}.divider{height:1px;background:var(--stroke);margin:17px 0}.notice{border:1px solid #376777;background:#0f2939;border-radius:10px;padding:12px 14px;font-size:12px;color:#cee3f0;margin:12px 0}.notice.warn{background:#322937;border-color:#685269;color:#ffe2d6}.scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:11px;min-width:540px}th{text-transform:uppercase;letter-spacing:.7px;color:#a8d2d8;font-size:10px;text-align:left;border-bottom:1px solid #39516b;padding:10px 8px}td{padding:10px 8px;border-bottom:1px solid #24394e;color:#d1e2ed;vertical-align:top}tr:hover td{background:#14283b}td b{color:white}.cards-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.node-card,.run-card{background:#0b1a2a;border:1px solid #2b455b;padding:12px;border-radius:11px;text-align:left;min-width:0;color:var(--text)}.node-card{width:100%}.node-card:hover,.node-card.selected{border-color:#5ccec1;background:#123840}.node-card .node-name{font-weight:800;font-size:12px;display:block;overflow-wrap:anywhere}.node-card .node-meta{color:var(--muted);font-size:10px;display:block;margin-top:5px}.lineage-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.lineage-col{display:flex;flex-direction:column;gap:8px}.stage-title{font-size:10px;font-weight:800;color:var(--mint);letter-spacing:.8px;text-transform:uppercase;padding:4px 0}.lineage-col .node-card{min-height:89px}.level-chip{display:inline-flex;color:var(--muted);font-size:10px;margin-top:5px}.gate{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #263e52}.gate:last-child{border-bottom:0}.gate-title{font-size:12px;font-weight:750}.gate small{display:block;color:var(--muted);font-size:11px}.row-right{display:flex;align-items:center;gap:8px}.keyline{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #263849;font-size:11px}.keyline dt{color:var(--muted)}.keyline dd{margin:0;overflow-wrap:anywhere}.tool-grid{display:flex;gap:9px;flex-wrap:wrap;align-items:end}.tool-grid label{flex:1;min-width:140px;color:var(--muted);font-size:11px}.tool-grid label input{width:100%}.run-card.selected{border-color:var(--mint)}.progress{height:6px;background:#233c52;border-radius:99px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:#48d9b5}.local-badge{color:#ffc48d;font-size:11px}footer{border-top:1px solid #263c53;padding:24px 0 32px;color:#87a9bc;font-size:11px;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.hide{display:none!important}input[type=file]{max-width:100%}@media(max-width:900px){.hero-layout{grid-template-columns:1fr;gap:18px;min-height:unset}.hero-card{max-width:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.lineage-stages{grid-template-columns:repeat(2,minmax(0,1fr))}h1{letter-spacing:-2px}.mark{vertical-align:4px}}@media(max-width:650px){.hero-layout{padding-top:32px;padding-bottom:25px}.hero-card{padding:18px}.control-bar{padding:14px}.selector-row label,.selector-row button{flex-basis:100%}.grid-2,.grid-3,.cards-list{grid-template-columns:1fr}.stat-grid{gap:8px}.metric{padding:11px}.metric strong{font-size:23px}.lineage-stages{grid-template-columns:1fr}.bar-row{grid-template-columns:95px 1fr auto;gap:7px}.keyline{grid-template-columns:1fr;gap:1px}.panel{padding:14px}h1{font-size:48px}.hero-metrics strong{font-size:27px}footer{display:block}.nav{padding-top:12px}.selector-row{gap:9px}.section-title{font-size:22px}}
@media(max-width:650px){footer span{display:block;margin-top:8px}.hero-main .mark{margin-right:4px}.hero-main h1{overflow-wrap:anywhere}}
