:root {
  --ink:#edf2f4;--muted:#8f9ba3;--panel:#121719;--panel-2:#171e21;--line:#2a3438;
  --signal:#ef4135;--signal-2:#ff7067;--ok:#72d49a;--warn:#f2c86b;--bad:#ff7c78;
  --shadow:0 18px 60px rgba(0,0,0,.35);--radius:8px;--mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}html{background:#0b0f11;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% -10%,#273136 0,transparent 30rem),#0b0f11}a{color:inherit}.skip{position:fixed;left:1rem;top:-4rem;z-index:100;padding:.7rem 1rem;background:white;color:#111}.skip:focus{top:1rem}.topbar{min-height:62px;padding:0 clamp(1rem,3vw,2.5rem);display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line);background:rgba(11,15,17,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;letter-spacing:.08em;font-size:.82rem}.brand b{color:var(--muted);font-weight:600}.mark{display:grid;place-items:center;width:30px;height:30px;background:var(--signal);color:white;font-weight:900;border-radius:50%}.topbar nav{display:flex;gap:1.25rem}.topbar nav a{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;color:var(--muted)}.topbar nav a:hover{color:var(--ink)}.env{margin-left:auto;border:1px solid #68433f;color:#ff9d94;padding:.32rem .55rem;font:600 .67rem var(--mono)}main{width:min(1600px,100%);margin:auto;padding:clamp(1rem,3vw,2.5rem)}footer{padding:1.2rem 2.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.crumb{display:flex;gap:.65rem;color:var(--muted);font:500 .74rem var(--mono);margin-bottom:1.5rem}.crumb a{text-decoration:none}.eyebrow,.kicker{font:600 .7rem var(--mono);letter-spacing:.13em;color:var(--signal-2);margin:0 0 .55rem;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4rem);line-height:.95;letter-spacing:-.045em;margin-bottom:.5rem}.hero,.identity,.figure-head{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end}.identity{padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.spec-strip{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));margin:0;background:var(--panel);border:1px solid var(--line)}.spec-strip div{padding:.85rem 1rem;border-left:1px solid var(--line)}.spec-strip div:first-child{border-left:0}.spec-strip dt{font:600 .62rem var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.spec-strip dd{margin:.3rem 0 0;font:600 .85rem var(--mono)}.warning{margin:1rem 0;padding:.9rem 1rem;display:flex;gap:1rem;border-left:3px solid var(--warn);background:#1c1a12;color:#d8cfae;font-size:.82rem}.warning b{color:var(--warn);white-space:nowrap;font:700 .7rem var(--mono)}.catalog-layout{display:grid;grid-template-columns:minmax(250px,320px) 1fr;gap:1rem;min-height:60vh}.tree,.workspace,.diagram,.parts-panel,.card,.run,.part-detail,.login-panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.tree{padding:1rem;overflow:auto}.tree details{border-top:1px solid var(--line)}.tree summary{padding:.8rem 0;cursor:pointer;font-weight:700}.tree a{display:block;padding:.48rem .55rem;color:var(--muted);font:500 .74rem var(--mono);text-decoration:none;border-left:2px solid transparent}.tree a:hover,.tree a:focus-visible{color:white;border-left-color:var(--signal);background:#20282b}.workspace{padding:clamp(1rem,4vw,3rem);display:grid;place-content:center;color:var(--muted);text-align:center}.figure-head{margin-bottom:1rem}.status{padding:.4rem .6rem;border:1px solid var(--line);font:700 .65rem var(--mono);text-transform:uppercase}.status.validated{color:var(--ok);border-color:#315b43}.status.unreviewed{color:var(--warn)}.status.rejected{color:var(--bad)}.figure-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:1rem}.diagram{min-height:530px;padding:1rem;display:grid;place-items:center;background:#e8eceb;color:#334044;overflow:auto}.diagram svg,.diagram img{width:100%;max-height:680px}.parts-panel{overflow:hidden}.toolbar{display:flex;gap:.65rem;padding:.8rem;border-bottom:1px solid var(--line)}input,textarea,select,button{font:inherit;color:inherit;background:#0d1214;border:1px solid var(--line);border-radius:5px;padding:.65rem .75rem}input,textarea{width:100%}button,.button{cursor:pointer;background:var(--signal);border-color:var(--signal);color:white;font-weight:700;text-decoration:none}button:hover,.button:hover{background:var(--signal-2)}table{width:100%;border-collapse:collapse;font-size:.78rem}th{text-align:left;padding:.65rem .75rem;color:var(--muted);font:600 .65rem var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}td{padding:.75rem;border-bottom:1px solid #222b2f;vertical-align:top}.part-number{font:700 .78rem var(--mono);color:white}.part-detail,.part-period{display:block;color:var(--muted);font-size:.72rem;margin-top:.2rem}.part-period{font:500 .68rem var(--mono)}.stock{color:var(--warn);font:600 .7rem var(--mono)}.no-diagram{padding:2rem;text-align:center;color:#334044}.no-diagram p{font-weight:700}.no-diagram small{display:block;margin-top:.5rem;opacity:.75}.capture-error{color:var(--bad);font-size:.75rem;word-break:break-word}.price{font-family:var(--mono);white-space:nowrap}.table-scroll{max-height:620px;overflow:auto}.cards,.runs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem}.card,.run,.part-detail,.login-panel{padding:1.25rem}.card{text-decoration:none;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-2px);border-color:#56676d}.metric{font:700 1.45rem var(--mono)}.muted{color:var(--muted)}.flash{margin:1rem auto;padding:.8rem 1rem;width:min(800px,90%);border:1px solid var(--line)}.flash.success{border-color:#315b43;color:var(--ok)}.flash.error{border-color:#713b39;color:var(--bad)}.review-form{display:grid;gap:.7rem}.login-wrap{min-height:65vh;display:grid;place-items:center}.login-panel{width:min(420px,100%)}[hidden]{display:none!important}:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (max-width: 980px){.figure-grid{grid-template-columns:1fr}.diagram{min-height:360px}.catalog-layout{grid-template-columns:1fr}.tree{max-height:360px}.identity{align-items:flex-start;flex-direction:column}.spec-strip{width:100%}}
@media (max-width: 760px){.topbar{gap:.8rem;flex-wrap:wrap;padding:.7rem 1rem}.topbar nav{order:3;width:100%}.env{font-size:.58rem}main{padding:1rem}.hero,.figure-head{align-items:flex-start;flex-direction:column}.spec-strip{grid-template-columns:repeat(2,1fr)}.spec-strip div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.spec-strip div:nth-child(4){border-top:1px solid var(--line)}.warning{flex-direction:column}.warning b{white-space:normal}.figure-grid{display:block}.diagram{min-height:260px;margin-bottom:1rem}.table-scroll{max-height:none;overflow:visible}table,thead,tbody,tr,th,td{display:block}thead{position:absolute;left:-9999px}tr{padding:.75rem;border-bottom:1px solid var(--line)}td{border:0;padding:.25rem 0}td::before{content:attr(data-label);display:block;color:var(--muted);font:600 .6rem var(--mono);text-transform:uppercase}.cards,.runs-grid{grid-template-columns:1fr}}