:root{color-scheme:dark;--bg:#0c1218;--panel:#111c25;--ink:#e8eef1;--muted:#94a7b5;--accent:#5eead4;--line:#26343f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:var(--panel);padding:10px}.skip:focus{top:10px;z-index:4}header{max-width:1320px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:16px;align-items:center;font-size:13px;font-weight:bold;letter-spacing:2px}.brand-sub{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.mark{border:1px solid var(--line);padding:9px;font-size:16px;white-space:nowrap}.mark span{color:var(--accent)}nav{display:flex;gap:22px;font-size:12px;color:var(--muted)}main{max-width:1320px;margin:auto}section{padding:78px 48px;border-bottom:1px solid var(--line);scroll-margin-top:20px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;padding-top:90px;padding-bottom:88px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:var(--accent);margin:0 0 20px}h1{font-size:clamp(42px,5vw,68px);line-height:1.06;letter-spacing:-3px;margin:0 0 28px;font-weight:500}em{color:var(--accent);font-style:normal}p{color:var(--muted);margin:0 0 18px}.intro{max-width:480px;font-size:17px}.actions{display:flex;align-items:center;gap:26px;margin:32px 0}.button{background:var(--accent);color:#09201d;padding:13px 20px;font-size:12px;font-weight:bold;display:flex;gap:26px}.button:hover{background:#a0f6e8;color:#09201d}.text-link{font-size:12px}.draft{font-size:9px;letter-spacing:1px;max-width:450px}.vision{border:1px solid #35505c;background:radial-gradient(ellipse at center,#133033 0%,#101a23 65%);box-shadow:0 20px 60px #0003}.viz-top,.viz-bottom{padding:15px 18px;display:flex;justify-content:space-between;font-family:monospace;font-size:9px;color:var(--muted);gap:10px}.viz-top{border-bottom:1px solid var(--line)}.viz-bottom{border-top:1px solid var(--line)}.live{color:var(--accent)}.scan{height:290px;position:relative;background-image:linear-gradient(#5eead408 1px,transparent 1px),linear-gradient(90deg,#5eead408 1px,transparent 1px);background-size:24px 24px;display:grid;place-items:center}.target{position:relative;width:176px;height:176px;display:grid;place-items:center}.part{width:126px;height:126px;border:18px solid #78949b;border-radius:50%;box-shadow:inset 0 0 0 2px #bdd0d3,0 0 0 2px #a6bec4;background:#0d1a21}.corner{position:absolute;width:24px;height:24px;border-color:var(--accent);border-style:solid}.a{top:0;left:0;border-width:2px 0 0 2px}.b{top:0;right:0;border-width:2px 2px 0 0}.c{bottom:0;left:0;border-width:0 0 2px 2px}.d{bottom:0;right:0;border-width:0 2px 2px 0}.cross{position:absolute;color:var(--accent);font:26px monospace}.axis{position:absolute;font:10px monospace;color:var(--accent)}.x{right:20px;bottom:18px}.y{left:18px;top:20px}.strip{display:flex;justify-content:space-around;gap:12px;padding:22px 48px;border-bottom:1px solid var(--line);font:10px monospace;letter-spacing:2px;color:var(--muted)}h2{font-size:clamp(28px,4vw,42px);line-height:1.16;letter-spacing:-1.4px;font-weight:500;margin:0 0 22px}.section-heading{max-width:720px;margin-bottom:35px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.lead{font-size:24px;line-height:1.5;color:var(--ink);max-width:450px}.note{font-size:13px;border-left:2px solid var(--accent);padding-left:16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}article{padding:25px;border-right:1px solid var(--line)}article:last-child{border:0}.number{font:11px monospace;color:var(--accent)}h3{font-size:19px;font-weight:500;line-height:1.35;margin:24px 0 14px}article p{font-size:13px}.case{padding:32px;background:var(--panel);border:1px solid var(--line)}.tag{display:inline-block;font:9px monospace;letter-spacing:1px;color:var(--accent);border:1px solid #35514e;padding:7px 10px}.case h3{font-size:27px}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:32px}.case-grid b{font:12px monospace;color:var(--ink)}.case-grid p{font-size:13px;margin-top:10px}details{border-top:1px solid var(--line);padding-top:18px;font-size:13px}summary{cursor:pointer;color:var(--accent)}details p{margin-top:16px;max-width:850px}.timeline{border-left:1px solid var(--line);padding-left:30px;position:relative;max-width:760px}.dot{position:absolute;left:-5px;top:0;width:9px;height:9px;background:var(--accent);border-radius:50%}.timeline h3{margin-top:0}.contact{background:linear-gradient(110deg,#102127,var(--bg));padding-top:82px;padding-bottom:82px}.contact h2{font-size:clamp(35px,5vw,58px)}.contact p:not(.eyebrow){max-width:550px}footer{max-width:1320px;margin:auto;padding:26px 48px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:9px monospace;letter-spacing:1px}@media(max-width:1000px){header{align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 18px}.hero{gap:30px}.grid{grid-template-columns:repeat(2,1fr)}article:nth-child(2){border-right:0}article:nth-child(-n+2){border-bottom:1px solid var(--line)}.case-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{padding:22px;display:block}nav{justify-content:flex-start;margin-top:22px}section{padding:50px 22px}.hero{grid-template-columns:1fr;padding-top:55px;gap:30px}h1{letter-spacing:-2px}.scan{height:250px}.strip{padding:18px 22px;flex-wrap:wrap;font-size:8px}.split{grid-template-columns:1fr;gap:15px}.grid{grid-template-columns:1fr}article{border-right:0;border-bottom:1px solid var(--line)}.case{padding:22px}.case-grid{grid-template-columns:1fr;gap:12px}.actions{gap:18px;flex-wrap:wrap}footer{padding:24px 22px;flex-wrap:wrap}.contact{padding:55px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Draft 03: business-card-inspired identity. */
:root{--bg:#09192e;--panel:#102642;--ink:#f5f7fb;--muted:#abbcd0;--accent:#73bbff;--line:#2b405d;--red:#d34247}
header{padding-top:24px;padding-bottom:24px}.mark{border-color:#436181}.mark span{color:var(--red)}.brand{letter-spacing:1.4px}.brand-sub{font-size:8px}
.hero{background:radial-gradient(ellipse at 85% 20%,#25457266,transparent 60%);padding-top:72px;padding-bottom:72px;gap:45px;grid-template-columns:1.2fr 1fr}.hero-name{font-size:13px;letter-spacing:4px;color:#fff;margin-bottom:22px}.hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.08;letter-spacing:-2.5px}.hero h1 em{color:#73bbff}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.draft{font-size:12px;letter-spacing:.3px;color:#d7e0eb;font-style:italic;border-left:3px solid var(--red);padding-left:13px;margin-top:36px}.button{background:#f4f7fb;color:#102642}.button:hover{background:#d6eafe;color:#102642}.button span{color:#b72f38}.vision{background:radial-gradient(ellipse at center,#244362,#102642 70%);border-color:#4f6c91;box-shadow:16px 16px 0 #06122355}.viz-top{border-top:3px solid var(--red)}.scan{height:320px;background-image:linear-gradient(#73bbff10 1px,transparent 1px),linear-gradient(90deg,#73bbff10 1px,transparent 1px)}.part{background:#0c203b;border-color:#91abc5}.strip{background:#102642;color:#c3d4e8;font-size:9px;letter-spacing:1.5px;border-bottom:3px solid var(--red)}
#about,#projects,#experience{--ink:#102642;--muted:#4b6079;--line:#cbd5e2;--accent:#225d99;background:#f4f6f9;color:var(--ink)}
.section-heading .eyebrow{display:flex;align-items:center;gap:12px}.section-heading .eyebrow:before{content:"";width:22px;height:2px;background:var(--red)}
#projects .case{background:#fff;border-color:#cbd5e2;box-shadow:0 10px 24px #13264008}#projects .tag{border-color:#b8cadb}#about .note,#experience .note{border-color:var(--red)}.number{color:var(--red)}article{background:#102642}.timeline .dot{background:var(--red)}.contact{background:radial-gradient(ellipse at 90% 70%,#23436a,#09192e 65%)}footer{color:#abbcd0}
@media(max-width:650px){.hero{grid-template-columns:1fr;padding:50px 22px;gap:32px}.hero h1{font-size:43px;letter-spacing:-1.5px}.hero-name{font-size:11px}.scan{height:245px}.vision{box-shadow:8px 8px 0 #06122355}.strip{font-size:8px}.brand-sub{font-size:8px}}

/* Page-based portfolio navigation. */
nav a[aria-current=page]{color:#fff;border-bottom:2px solid var(--red);padding-bottom:5px}
.page-intro{padding:28px 48px 0;color:var(--muted);font-size:11px;letter-spacing:1px}.page-intro a{color:var(--accent)}
main>section:not(.hero):not(.home-paths){min-height:65vh}.page-next{padding:25px 48px;display:flex;justify-content:flex-end;border-bottom:1px solid var(--line);font-size:13px}.page-next a{color:var(--accent)}
.home-paths{padding-top:48px;padding-bottom:48px}.home-paths h2{font-size:28px}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.route-card{padding:24px;border:1px solid var(--line);background:var(--panel);transition:border-color .2s,transform .2s}.route-card:hover{border-color:var(--accent);transform:translateY(-3px)}.route-card h3{color:var(--ink);font-size:18px}.route-card p{font-size:13px;margin:0}
@media(max-width:650px){.page-intro{padding:22px 22px 0}.page-next{padding:24px 22px}.route-grid{grid-template-columns:1fr}.home-paths{padding:35px 22px}.page-next a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.route-card{transition:none}.route-card:hover{transform:none}}

/* Draft 05: larger technical strip lettering. */
.strip{font-size:13px;letter-spacing:1.7px;padding-top:25px;padding-bottom:25px;font-weight:500}
@media(max-width:650px){.strip{font-size:11px;gap:14px 22px;justify-content:flex-start}}
.brand-art{background:#f4f6f9;border:1px solid #527297;border-top:3px solid var(--red);padding:30px 22px;box-shadow:14px 14px 0 #06122355}.brand-art img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}.brand-art-label{display:block;color:#23456b;font:10px monospace;letter-spacing:2px;margin-top:20px;text-align:center}


.logo-lockup{display:grid;place-items:center;background:#f4f6f9;border-radius:3px;padding:8px;width:90px;min-width:90px;height:55px}.logo-lockup img{width:100%;height:100%;object-fit:contain}.brand-options{max-width:1320px;margin:auto;padding:12px 48px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);font:9px monospace;color:var(--muted)}.brand-options>span{margin-right:8px;letter-spacing:1px}.brand-options button{font:11px monospace;padding:7px 10px;background:transparent;border:1px solid var(--line);color:var(--muted);cursor:pointer}.brand-options button[aria-pressed=true]{border-color:var(--accent);color:var(--ink)}.brand-options button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}body[data-brand=wide] .logo-lockup{width:145px;min-width:145px;height:60px}body[data-brand=badge] .logo-lockup{width:76px;min-width:76px;height:76px;border-radius:50%;padding:9px;border:3px double #8aa6c5}
.hud{--hud:#91e6d5;border:1px solid #557286;background:radial-gradient(ellipse,#16363c,#071a25 70%);box-shadow:12px 12px 0 #06122355;color:var(--hud);font:9px monospace}.hud-bar{display:flex;justify-content:space-between;gap:10px;padding:14px 12px;border-bottom:1px solid #557286;font-size:8px}.hud-bar:last-child{border-top:1px solid #557286;border-bottom:0}.hud-field{height:330px;position:relative;overflow:hidden;background-image:linear-gradient(#91e6d507 1px,transparent 1px),linear-gradient(90deg,#91e6d507 1px,transparent 1px);background-size:25px 25px}.hud-readout{position:absolute;font-size:8px;line-height:1.8;letter-spacing:1px}.top-left{top:20px;left:16px}.top-right{top:20px;right:16px;text-align:right}.bottom-left{bottom:18px;left:16px}.bottom-right{bottom:18px;right:16px}.hud-horizon{position:absolute;top:47%;width:80%;left:10%;border-top:1px solid #91e6d562;transform:rotate(-7deg)}.hud-reticle{position:absolute;width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle-ring{position:absolute;inset:30px;border:1px solid var(--hud);border-radius:50%}.hud-cross{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:normal}.hud .corner{border-color:var(--hud);width:20px;height:20px}.hud-ladder{position:absolute;top:70px;left:50%;transform:translateX(-50%);display:grid;gap:12px;text-align:center;color:#91e6d57a;letter-spacing:8px}.hud-target{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #91e6d550;padding:5px 9px;font-size:8px;letter-spacing:1px}.label-workflow{margin-top:32px;border:1px solid var(--line);padding:28px;background:var(--panel)}.workflow-steps{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.workflow-steps span{border-left:2px solid var(--red);padding:5px 12px;font:11px monospace;color:var(--ink)}
@media(max-width:650px){.brand-options{padding:12px 22px;flex-wrap:wrap}.brand-options>span{width:100%}.hud-field{height:290px}.hud-bar{font-size:7px}.label-workflow{padding:20px}.brand{gap:12px}}

/* Final header exploration: right-aligned eagle and integrated wordmark. */
header{max-width:1320px;gap:32px;padding-top:20px;padding-bottom:20px}header nav{order:1;justify-content:flex-start;gap:18px;flex-wrap:wrap}header .eagle-brand{order:2;margin-left:auto;flex-shrink:0;gap:0;position:relative;min-height:90px;letter-spacing:1px}.brand-wordmark{position:relative;z-index:1;padding:12px 24px 12px 0;text-align:right}.brand-wordmark:after{content:"";position:absolute;right:-20px;bottom:20px;width:55px;height:1px;background:linear-gradient(90deg,var(--red),#73bbff);z-index:-1}.brand-name{display:block;font-size:15px;letter-spacing:2px;font-weight:400;color:#e9f1fb;white-space:nowrap}.brand-name strong{font-weight:700}.eagle-brand .brand-sub{font:9px monospace;letter-spacing:1.35px;color:#92bce6;margin-top:7px;border-top:1px solid #395577;padding-top:7px}.eagle-orbit{position:relative;display:grid;place-items:center;width:88px;height:88px;border:1px solid #73bbff;border-radius:50%;background:#eaf0f7;box-shadow:0 0 0 5px #73bbff0b,0 0 28px #73bbff16}.eagle-orbit:after{content:"";position:absolute;inset:-6px;border:1px solid transparent;border-right-color:var(--red);border-bottom-color:#426993;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.eagle-crop{display:block;position:relative;width:74px;height:74px;border-radius:50%;overflow:hidden}.eagle-crop img{position:absolute;width:164%;max-width:none;height:auto;left:-62%;top:50%;transform:translateY(-50%);display:block}
@media(max-width:1000px){header{gap:20px}header nav{gap:10px 15px}.brand-name{font-size:13px}.brand-wordmark{padding-right:18px}.eagle-brand .brand-sub{font-size:8px;letter-spacing:.7px}}
@media(max-width:650px){header{display:flex;flex-direction:column;align-items:stretch;padding:20px 22px}.eagle-brand{align-self:flex-end}header .eagle-brand{order:1;margin-left:auto;min-height:80px}header nav{order:2;margin-top:8px;justify-content:flex-start}.eagle-orbit{width:76px;height:76px}.eagle-crop{width:66px;height:66px}.brand-name{font-size:14px}.eagle-brand .brand-sub{font-size:8px;letter-spacing:1px}}

/* Interactive technology details, restrained and motion-aware. */
.button,.text-link,nav a,.page-next a,.route-card{transition:background .22s,color .22s,box-shadow .22s,border-color .22s,transform .22s}
.button{position:relative;overflow:hidden;border:1px solid #c3e7ff;box-shadow:0 0 0 0 #73bbff00}.button:before{content:"";position:absolute;top:-20%;left:-70%;height:140%;width:35%;background:linear-gradient(90deg,transparent,#ffffff88,transparent);transform:skewX(-20deg);pointer-events:none;transition:left .5s}.button:hover:before,.button:focus-visible:before{left:130%}.button:hover,.button:focus-visible{background:#bfe5ff;color:#09213c;box-shadow:0 0 24px #73bbff55,0 0 5px #73bbff90;transform:translateY(-2px)}
nav a{padding:6px 7px;border-radius:3px}nav a:hover,nav a:focus-visible{color:#c9eeff;background:#73bbff18;box-shadow:0 0 16px #73bbff20}.text-link:hover,.text-link:focus-visible,.page-next a:hover,.page-next a:focus-visible{color:#bfe9ff;text-shadow:0 0 12px #73bbff99}.route-card{position:relative;overflow:hidden}.route-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--red),#73bbff);transform:scaleX(0);transform-origin:left;transition:transform .25s}.route-card:hover:after,.route-card:focus-visible:after{transform:scaleX(1)}.route-card:hover,.route-card:focus-visible{box-shadow:0 0 28px #73bbff15;background:#142f50}.eagle-brand:hover .eagle-orbit{box-shadow:0 0 0 5px #73bbff12,0 0 30px #73bbff40}
.hero{position:relative;background-image:radial-gradient(ellipse at 85% 20%,#25457266,transparent 60%),linear-gradient(#73bbff04 1px,transparent 1px),linear-gradient(90deg,#73bbff04 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.hud{transition:transform .16s ease-out,box-shadow .25s;transform-origin:center}.hud.tracking{box-shadow:0 0 30px #91e6d522,12px 12px 0 #06122355;border-color:#91e6d5}.hud-field{cursor:crosshair;isolation:isolate;touch-action:pan-y}.hud-field:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000015 3px 4px);pointer-events:none;z-index:3}.pointer-readout{padding:8px 12px;border-bottom:1px solid #557286;font:8px monospace;color:#91e6d5;letter-spacing:1px;min-height:28px}.hud-reticle{transition:left .12s ease-out,top .12s ease-out;z-index:2}.hud.tracking .reticle-ring{box-shadow:0 0 18px #91e6d544,inset 0 0 14px #91e6d522}.hud.tracking .hud-cross{text-shadow:0 0 12px #91e6d5}.hud-field:before{content:"";position:absolute;left:0;right:0;height:70px;top:-70px;background:linear-gradient(transparent,#91e6d508,transparent);animation:scan-pass 7s linear infinite;pointer-events:none}@keyframes scan-pass{to{top:100%}}
@media(prefers-reduced-motion:reduce){.button,.button:before,.text-link,nav a,.page-next a,.route-card,.route-card:after,.hud,.hud-reticle{transition:none}.hud-field:before{animation:none;display:none}.button:hover,.button:focus-visible,.route-card:hover{transform:none}}

.vision-lab{min-width:0}.vision-lab .hud-field{height:auto;aspect-ratio:8/5}.inspection-canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.hud-tools{display:flex;gap:5px;padding:10px;border-bottom:1px solid #557286;background:#081b28}.hud-tools button{flex:1;padding:10px 4px;font:10px monospace;color:#b4cbd4;background:#122d3b;border:1px solid #385463;cursor:pointer}.hud-tools button[aria-pressed=true]{background:#91e6d51c;border-color:#91e6d5;color:#bfffee;box-shadow:inset 0 -2px #91e6d5}.hud-tools button:focus-visible{outline:2px solid #91e6d5;outline-offset:2px}.tool-result{padding:15px;border-top:1px solid #557286;min-height:112px;background:#0c2230}.tool-name{display:block;font:9px monospace;letter-spacing:2px;color:#91e6d5}.tool-value{display:block;font:17px monospace;color:#e8faf5;margin:8px 0}.tool-description{margin:0;font:11px/1.6 monospace;color:#a9c5cc}.vision-lab .hud-reticle{width:64px;height:64px;opacity:.6;pointer-events:none}.vision-lab .reticle-ring{inset:15px}.vision-lab .hud-cross{font-size:20px}.vision-lab .corner{width:10px;height:10px}.vision-lab .hud-readout{background:#071a259c;padding:4px;pointer-events:none}@media(max-width:650px){.hud-tools button{font-size:9px}.tool-description{font-size:10px}}

/* HUD-first Home: a full-width inspection workspace. */
.hud-home{padding:28px 48px 42px;background:radial-gradient(ellipse at 50% 0%,#21416277,transparent 75%)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.workspace-heading .eyebrow{margin:0;font-size:11px}.workspace-heading>p:last-child{margin:0;font:12px monospace;color:#a9c5cc}
.hud-home .vision-lab{width:100%;display:grid;grid-template-columns:155px minmax(0,1fr) 245px;grid-template-rows:auto auto minmax(0,1fr) auto;box-shadow:0 18px 60px #0004;transform:none!important;border-color:#507a89}.hud-home .hud-bar:first-child{grid-column:1/-1;padding:17px 20px;font-size:11px;letter-spacing:1.5px}.hud-home .hud-tools{grid-column:1;grid-row:2/4;flex-direction:column;justify-content:flex-start;gap:12px;padding:22px 14px;border-right:1px solid #355561;border-bottom:0}.hud-home .hud-tools button{flex:0;padding:16px 8px;text-align:left;font-size:12px;letter-spacing:.5px}.hud-home .pointer-readout{grid-column:2;grid-row:2;font-size:10px;padding:12px 18px}.hud-home .hud-field{grid-column:2;grid-row:3;aspect-ratio:8/5;width:100%;height:auto;min-height:0}.hud-home .tool-result{grid-column:3;grid-row:2/4;border-top:0;border-left:1px solid #355561;padding:25px 20px;background:linear-gradient(#102d3b,#091e2c)}.hud-home .tool-name{font-size:11px}.hud-home .tool-value{font-size:21px;line-height:1.5;margin:18px 0}.hud-home .tool-description{font-size:12px;line-height:1.9}.hud-home .tool-result:after{content:"PIPELINE\A\A ACQUIRE\A ↓\A LABEL / ANALYZE\A ↓\A VALIDATE\A ↓\A INTEGRATE";white-space:pre;display:block;border-top:1px solid #355561;margin-top:30px;padding-top:25px;font:10px/1.8 monospace;letter-spacing:1px;color:#75a8b6}.hud-home .hud-bar:last-child{grid-column:1/-1;grid-row:4;font-size:10px;padding:14px 20px}.hud-home .hud-readout{font-size:10px}.hud-home .hud-reticle{width:78px;height:78px}
.home-engineering{padding:55px 48px;background:#0b1e35;min-height:0!important}.engineering-intro{max-width:1050px;margin:auto}.home-engineering h1{font-size:clamp(38px,4.7vw,60px);line-height:1.15;letter-spacing:-2px}.home-engineering h1 br{display:none}.home-engineering h1 em{display:inline-block}.home-engineering .intro{max-width:760px}.home-engineering .hero-name{font-size:12px}.home-engineering .draft{margin-bottom:0}
@media(min-width:1450px){.hud-home .hud-field{max-height:540px;aspect-ratio:auto;height:540px}.hud-home .inspection-canvas{object-fit:contain}}
@media(max-width:1000px){.hud-home .vision-lab{grid-template-columns:120px minmax(0,1fr) 190px}.hud-home .hud-tools{padding:15px 8px}.hud-home .hud-tools button{font-size:10px}.hud-home .tool-result{padding:18px 12px}.hud-home .tool-value{font-size:17px}.hud-home .tool-description{font-size:10px}.hud-home .tool-result:after{font-size:9px;margin-top:18px;padding-top:16px}}
@media(max-width:750px){.hud-home{padding:24px 22px 30px}.workspace-heading{display:block}.workspace-heading>p:last-child{margin-top:9px;font-size:10px}.hud-home .vision-lab{display:flex;flex-direction:column}.hud-home .hud-tools{flex-direction:row;border-right:0;border-bottom:1px solid #355561;padding:10px;gap:6px}.hud-home .hud-tools button{flex:1;text-align:center;font-size:10px;padding:12px 4px}.hud-home .hud-field{aspect-ratio:8/5}.hud-home .hud-bar:first-child{font-size:8px;padding:13px 10px;letter-spacing:.5px}.hud-home .pointer-readout{font-size:8px;padding:10px}.hud-home .tool-result{border-left:0;border-top:1px solid #355561;min-height:110px}.hud-home .tool-value{margin:8px 0;font-size:17px}.hud-home .tool-description{font-size:11px}.hud-home .tool-result:after{display:none}.hud-home .hud-bar:last-child{font-size:7px;padding:12px 10px}.hud-home .hud-readout{font-size:8px}.home-engineering{padding:40px 22px}.home-engineering h1{font-size:38px}.home-engineering h1 br{display:block}}
/* Green instrumentation concept, scoped to the Home vision workspace. */
.hud-home .vision-lab{--hud:#80ffb5;color:#80ffb5;border-color:#3e996c;background:radial-gradient(ellipse at center,#143d2a,#061b14 80%);box-shadow:0 18px 60px #0004,0 0 25px #45ed8b0d}
.hud-home .hud-bar{color:#9bfcc1;border-color:#2d6349;background:#09251a}.hud-home .pointer-readout{color:#79e9a4;border-color:#2d6349;background:#071e16}.hud-home .hud-tools{background:linear-gradient(180deg,#0c2c1e,#061b14);border-color:#2d6349}.hud-home .tool-result{background:linear-gradient(#103624,#071e16);border-color:#2d6349}.hud-home .tool-name{color:#80ffb5}.hud-home .tool-value{color:#e0ffe9}.hud-home .tool-description{color:#a3c9b1}.hud-home .tool-result:after{color:#72e9a0;border-color:#2d6349}.hud-home .hud-field{background-color:#081f17}.hud-home .hud-reticle{color:#80ffb5}.hud-home .reticle-ring,.hud-home .corner{border-color:#80ffb5}.hud-home .hud-readout{color:#90ffb9;background:#071e16c9}.hud-home .hud-field:before{background:linear-gradient(transparent,#80ffb50b,transparent)}
.hud-home .hud-tools button{position:relative;overflow:hidden;border:1px solid #376b4c;border-radius:3px;color:#a2d5b5;background:linear-gradient(135deg,#163d28,#0b261a);padding-left:13px;transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .2s}.hud-home .hud-tools button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#73ffad;transform:scaleY(0);transition:transform .2s}.hud-home .hud-tools button:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#b8ffcf18 45%,transparent 70%);transform:translateX(-110%);transition:transform .45s;pointer-events:none}.hud-home .hud-tools button:hover,.hud-home .hud-tools button:focus-visible{color:#e1ffeb;border-color:#82ffb3;background:#1c5135;box-shadow:0 0 18px #70ffab25,inset 0 0 16px #70ffab0c;transform:translateY(-2px)}.hud-home .hud-tools button:hover:after,.hud-home .hud-tools button:focus-visible:after{transform:translateX(110%)}.hud-home .hud-tools button[aria-pressed=true]{color:#d8ffe4;border-color:#80ffb5;background:linear-gradient(110deg,#235940,#123d28);box-shadow:0 0 17px #70ffab1c,inset 0 -1px #80ffb5}.hud-home .hud-tools button[aria-pressed=true]:before{transform:scaleY(1)}.hud-home .hud-tools button:active{transform:translateY(0) scale(.97)}.hud-home .hud-tools button:focus-visible{outline-color:#b6ffd0}.hud-home .tool-result{animation:none}.hud-home .tool-result.mode-change{animation:result-flash .35s ease-out}@keyframes result-flash{from{box-shadow:inset 0 0 28px #80ffb52d}to{box-shadow:inset 0 0 0 #80ffb500}}
@media(prefers-reduced-motion:reduce){.hud-home .hud-tools button,.hud-home .hud-tools button:before,.hud-home .hud-tools button:after{transition:none}.hud-home .hud-tools button:hover,.hud-home .hud-tools button:focus-visible,.hud-home .hud-tools button:active{transform:none}.hud-home .tool-result.mode-change{animation:none}}

.hud-home .vision-lab{grid-template-columns:170px minmax(0,1fr) 245px}.hud-home .hud-tools{gap:7px;padding:14px 10px}.hud-home .hud-tools button{padding:11px 12px;font-size:12px}.hud-tools small{display:block;font:7px monospace;letter-spacing:.6px;margin-top:5px;opacity:.75}.platform-source{display:inline-block;margin-top:18px;color:#80ffb5;font:10px monospace;border-bottom:1px solid #397354;padding-bottom:5px}@media(max-width:1000px){.hud-home .vision-lab{grid-template-columns:140px minmax(0,1fr) 190px}.hud-home .hud-tools button{font-size:11px}}@media(max-width:750px){.hud-home .hud-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hud-home .hud-tools button{padding:10px 4px;font-size:10px}.hud-tools small{font-size:6px;letter-spacing:0}.hud-home .hud-bar:last-child{flex-wrap:wrap}}

/* Platform tabs above a tool-specific workspace. */
.hud-home .vision-lab{grid-template-rows:auto auto auto minmax(0,1fr) auto}.platform-tabs{grid-column:1/-1;grid-row:2;display:flex;gap:4px;padding:9px 12px;border-bottom:1px solid #2d6349;background:#061b14;overflow-x:auto}.platform-tabs button{flex:1;min-width:80px;white-space:nowrap;padding:13px 9px;font:12px monospace;background:#0c281c;color:#a3c9b1;border:1px solid #2d6349;border-radius:3px;cursor:pointer}.platform-tabs button[aria-selected=true]{color:#e0ffe9;background:#204e35;border-color:#80ffb5;box-shadow:inset 0 -2px #80ffb5}.platform-tabs button:hover{background:#1a442e}.platform-tabs button:focus-visible{outline:2px solid #b6ffd0;outline-offset:-3px}.hud-home .hud-tools{grid-row:3/5}.hud-home .pointer-readout{grid-row:3}.hud-home .hud-field{grid-row:4}.hud-home .tool-result{grid-row:3/5}.hud-home .hud-bar:last-child{grid-row:5}.hud-home .hud-tools button{font-size:11px;line-height:1.5}.hud-home .tool-value{font-size:20px}@media(max-width:750px){.platform-tabs{flex:none;width:100%}.platform-tabs button{flex:0 0 auto;font-size:11px;padding:11px}.hud-home .hud-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-home .hud-tools button{font-size:10px}}

/* Center tool labels across all platform tabs. */
.hud-home .hud-tools button{text-align:center}


/* Keep tool labels centered vertically with consistent button height. */
.hud-home .hud-tools button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;height:auto;padding:10px 8px;line-height:1.4;flex-shrink:0;white-space:normal}

/* Stable workspace dimensions and near-black console panels. */
.hud-home .vision-lab{height:650px;grid-template-rows:50px 66px 40px minmax(0,1fr) 44px;background:#020805;border-color:#24553b;overflow:hidden}
.hud-home .hud-bar:first-child,.hud-home .hud-bar:last-child{align-items:center;background:#030a06}
.platform-tabs{background:#020704;align-items:center}
.platform-tabs button{background:#06110b;border-color:#193d28;color:#87b798}
.platform-tabs button[aria-selected=true]{background:#102b1b;color:#bbffd1;border-color:#47d77a}
.platform-tabs button:hover{background:#0b2114}
.hud-home .hud-tools{background:#020805;overflow-y:auto;min-height:0;border-color:#193d28}
.hud-home .hud-tools button{background:linear-gradient(130deg,#091b10,#030b06);border-color:#245037;color:#9acbaa}
.hud-home .hud-tools button[aria-pressed=true]{background:#103322;border-color:#59ed8b;color:#d8ffe4}
.hud-home .hud-tools button:hover,.hud-home .hud-tools button:focus-visible{background:#123720}
.hud-home .tool-result{background:#020805;border-color:#193d28;min-height:0;overflow-y:auto}
.hud-home .tool-result:after{border-color:#193d28;color:#52d783}
.hud-home .pointer-readout{background:#020805;border-color:#193d28;color:#63ee91}
.hud-home .hud-field{height:100%;max-height:none;min-height:0;aspect-ratio:auto;background:#001407}
.hud-home .inspection-canvas{object-fit:contain;background:#001407}
.hud-home .hud-readout{background:#001707d9;color:#60ff8d}
.hud-home .hud-field:after{background:repeating-linear-gradient(0deg,transparent 0 3px,#00100430 3px 4px)}
.hud-home .hud-field:before{background:linear-gradient(transparent,#39ff1410,transparent)}
@media(max-width:1000px) and (min-width:751px){.hud-home .vision-lab{height:620px}}
@media(max-width:750px){.hud-home .vision-lab{height:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 60px 120px 36px 260px 230px 52px}.hud-home .hud-bar:first-child{grid-column:1;grid-row:1}.platform-tabs{grid-column:1;grid-row:2}.hud-home .hud-tools{grid-column:1;grid-row:3;align-content:start}.hud-home .pointer-readout{grid-column:1;grid-row:4}.hud-home .hud-field{grid-column:1;grid-row:5;height:100%;aspect-ratio:auto}.hud-home .tool-result{grid-column:1;grid-row:6}.hud-home .hud-bar:last-child{grid-column:1;grid-row:7}.hud-home .hud-tools button{min-height:44px}.hud-home .tool-result:after{display:none}}

/* Editable image-space ROI and metadata outside the image. */
.hud-home .vision-lab{grid-template-rows:50px 66px minmax(0,1fr) 82px 44px}.hud-home .hud-tools{grid-row:3/5}.hud-home .hud-field{grid-row:3}.hud-home .tool-result{grid-row:3/5}.hud-home .hud-bar:last-child{grid-row:5}.image-metadata{grid-column:2;grid-row:4;display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:12px 15px;background:#020805;border-top:1px solid #245037;overflow:auto;font:9px monospace}.image-metadata div{display:grid;gap:5px}.image-metadata b{color:#699f7c;font-size:8px;letter-spacing:1px}.image-metadata span{color:#a5ffbf}.hud-home .image-metadata .pointer-readout{padding:0;border:0;min-height:0;background:none;font:9px monospace}.roi-reset{background:#0b2114;border:1px solid #245037;color:#9bfcc1;padding:8px;font:9px monospace;cursor:pointer}.editable-roi{position:absolute;border:1px solid #55ff88;background:#55ff8806;z-index:5;cursor:move;touch-action:none;box-shadow:0 0 8px #55ff8818}.editable-roi:focus-visible{outline:2px solid #ffd078;outline-offset:3px}.roi-title{position:absolute;top:3px;left:5px;font:9px monospace;color:#b8ffd0;pointer-events:none}.roi-handle{position:absolute;right:-5px;bottom:-5px;width:18px;height:18px;background:#55ff88;border:2px solid #082412;cursor:nwse-resize;padding:0;touch-action:none}.hud-home .hud-reticle{pointer-events:none;opacity:.3}
@media(max-width:750px){.hud-home .vision-lab{grid-template-rows:44px 60px 120px 260px 110px 230px 52px}.hud-home .hud-tools{grid-row:3}.hud-home .hud-field{grid-row:4}.image-metadata{grid-column:1;grid-row:5;gap:10px 15px}.hud-home .tool-result{grid-row:6}.hud-home .hud-bar:last-child{grid-row:7}}
/* Stable metadata bar regardless of platform or coordinate values. */
.hud-home .image-metadata{height:82px;min-height:82px;max-height:82px;min-width:0;display:grid;grid-template-columns:1.2fr .9fr 1fr 1.5fr auto;align-items:center;gap:10px;padding:12px;overflow:auto;box-sizing:border-box}
.image-metadata>div{min-width:0}.image-metadata span{white-space:nowrap;font-variant-numeric:tabular-nums}.image-metadata b{white-space:nowrap}.image-metadata .roi-reset{white-space:nowrap}
.hud-home .tool-result{min-width:0}.hud-home .hud-field{min-width:0}
@media(max-width:1000px) and (min-width:751px){.hud-home .image-metadata{grid-template-columns:1fr 1fr 1.3fr;gap:7px 10px;padding:8px 12px}.image-metadata b{font-size:7px}.image-metadata span{font-size:8px}}
@media(max-width:750px){.hud-home .image-metadata{height:110px;min-height:110px;max-height:110px;grid-template-columns:1fr 1fr;gap:7px 12px;padding:10px 12px}.image-metadata .roi-reset{justify-self:start;padding:5px 8px}}
/* Two stable rows prevent long coordinate values from overlapping. */
.hud-home .image-metadata{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(100px,.8fr);grid-template-rows:1fr 1fr;gap:6px 18px;overflow:hidden;padding:9px 14px}
.image-metadata>div:nth-child(1){grid-column:1;grid-row:1}.image-metadata>div:nth-child(2){grid-column:2;grid-row:1}.image-metadata>div:nth-child(3){grid-column:1;grid-row:2}.image-metadata>div:nth-child(4){grid-column:2;grid-row:2}.image-metadata>.roi-reset{grid-column:3;grid-row:1/3;justify-self:end;align-self:center}
.image-metadata>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;position:static}
.hud-home .image-metadata .pointer-readout,.image-metadata .roi-readout{position:static;display:block;width:auto;height:auto;min-height:0;padding:0;margin:0;line-height:1.3;font-size:9px;letter-spacing:0;white-space:nowrap}
@media(max-width:1000px){.hud-home .image-metadata{gap:6px 12px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 75px;padding:9px 10px}.image-metadata span,.hud-home .image-metadata .pointer-readout,.image-metadata .roi-readout{font-size:8px}.image-metadata>.roi-reset{font-size:8px;padding:7px 5px}}
@media(max-width:750px){.hud-home .image-metadata{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:1fr 1fr 24px;gap:5px 12px}.image-metadata>.roi-reset{grid-column:1/3;grid-row:3;justify-self:start;padding:4px 8px}}

.lab-controls{padding:32px 48px;background:#030c07;border-bottom:1px solid #245037}.lab-controls-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.lab-controls-grid>div{min-width:0;border:1px solid #193d28;padding:18px;background:#050f09}.lab-controls .eyebrow{color:#80ffb5;font-size:9px}.lab-controls label{display:block;color:#9fc9ad;font:11px/1.7 monospace;margin:14px 0}.lab-controls select{display:block;width:100%;margin-top:6px;padding:8px;background:#091e11;color:#c7ffdb;border:1px solid #326746}.lab-controls input[type=range]{display:block;width:100%;accent-color:#55ff88;margin-top:8px}.lab-controls input[type=checkbox]{accent-color:#55ff88}.lab-controls button{background:#123c25;color:#c7ffdb;border:1px solid #4bbd76;padding:9px 12px;cursor:pointer;font:11px monospace}.lab-controls button:disabled{opacity:.5;cursor:wait}.lab-controls button:focus-visible,.lab-controls select:focus-visible{outline:2px solid #b6ffd0;outline-offset:3px}.lab-controls p{font:10px/1.7 monospace;color:#95bca2;overflow-wrap:anywhere}.lab-controls output{float:right;color:#c7ffdb}.run-stages{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.run-stages span{font:9px monospace;border:1px solid #245037;padding:6px;color:#678c74}.run-stages .active{color:#fff5c7;border-color:#ffd078;background:#453817}.run-stages .done{color:#aaffcb;background:#16412a;border-color:#55ff88}#height-chart{width:100%;height:auto;border:1px solid #245037}.lab-disclaimer{margin:22px 0 0!important}.hud-field.labeling{cursor:crosshair}.hud-field.labeling .editable-roi{opacity:.3}@media(max-width:1000px){.lab-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.lab-controls{padding:25px 22px}.lab-controls-grid{grid-template-columns:1fr}}

main>.lab-controls{min-height:0!important}.hud-home .tool-description{font-size:11px;line-height:1.65}.hud-home .tool-result:after{margin-top:18px;padding-top:16px;line-height:1.5}


/* Controls live inside a stable HUD, below the image metadata. */
.hud-home .vision-lab{height:1070px;grid-template-rows:50px 66px minmax(0,1fr) 38px 82px 380px 44px}.hud-home .hud-tools{grid-row:3/6}.hud-home .hud-field{grid-row:3}.scene-selector{grid-column:2;grid-row:4;display:flex;align-items:center;justify-content:center;gap:18px;background:#020805;border-top:1px solid #245037;font:10px monospace;color:#a5ffbf}.scene-selector button{background:#0b2114;color:#a5ffbf;border:1px solid #245037;padding:4px 12px;cursor:pointer}.scene-selector button:focus-visible{outline:2px solid #b6ffd0}.scene-selector #scene-counter{color:#f0fff4;min-width:35px}.hud-home .image-metadata{grid-row:5}.hud-home .tool-result{grid-row:3/6}.hud-home .vision-lab>.lab-controls{grid-column:1/-1;grid-row:6;padding:16px;border-top:1px solid #245037;overflow:auto;min-height:0}.hud-home .lab-controls-grid{gap:12px}.hud-home .lab-controls-grid>div{padding:12px}.hud-home .lab-controls label{margin:9px 0}.hud-home .lab-controls .eyebrow{margin-bottom:12px}.hud-home .lab-disclaimer{margin-top:10px!important;font-size:8px}.hud-home .hud-bar:last-child{grid-row:7}.hud-home .lab-controls select{padding:5px}.hud-home .lab-controls p{font-size:9px}
@media(max-width:1000px) and (min-width:751px){.hud-home .vision-lab{height:1260px;grid-template-rows:50px 66px minmax(0,1fr) 38px 82px 600px 44px}.hud-home .lab-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.hud-home .vision-lab{height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 60px 120px 260px 38px 110px 230px 1120px 52px}.hud-home .hud-tools{grid-column:1;grid-row:3}.hud-home .hud-field{grid-column:1;grid-row:4}.scene-selector{grid-column:1;grid-row:5;gap:12px}.hud-home .image-metadata{grid-column:1;grid-row:6}.hud-home .tool-result{grid-column:1;grid-row:7}.hud-home .vision-lab>.lab-controls{grid-column:1;grid-row:8;padding:12px}.hud-home .lab-controls-grid{grid-template-columns:1fr}.hud-home .hud-bar:last-child{grid-row:9}}

/* Show the reticle only while the pointer is inside the image. */
.hud-home .hud-reticle{visibility:hidden}
.hud-home .hud.tracking .hud-reticle{visibility:visible}


/* Nearly black image backdrop. */
.hud-home .hud-field,.hud-home .inspection-canvas{background:#010503}

/* Bright green grid over a deep green image backdrop. */
.hud-home .hud-field,.hud-home .inspection-canvas{background:#020e07}

.lab-controls [hidden]{display:none!important}

/* Compact presentation controls with optional engineering detail. */
.hud-home .vision-lab{height:960px;grid-template-rows:50px 66px minmax(0,1fr) 38px 82px 270px 44px}.hud-home .vision-lab>.lab-controls{padding:10px 12px;overflow:hidden}.hud-home .lab-controls-grid{height:226px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.hud-home .lab-controls-grid>div{padding:10px 12px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#245037 #030c07}.hud-home .lab-controls .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:9px}.hud-home .lab-controls label{font-size:10px;margin:8px 0}.hud-home .lab-controls select{padding:4px 6px;font-size:10px}.hud-home .lab-controls button{padding:7px 9px;font-size:10px}.hud-home .lab-controls details{font-size:10px;margin-top:9px;padding-top:8px;border-color:#245037}.hud-home .lab-controls summary{color:#8bdca6;font:10px monospace}.hud-home .run-stages{margin-top:10px;gap:4px}.hud-home .run-stages span{font-size:8px;padding:4px}.hud-home #height-chart{max-height:80px;object-fit:contain}.hud-home .lab-controls p{font-size:8px;line-height:1.5;margin:9px 0}.hud-home .lab-disclaimer{margin-top:7px!important;font-size:7px;line-height:1.4}
@media(max-width:1000px) and (min-width:751px){.hud-home .vision-lab{height:1030px;grid-template-rows:50px 66px minmax(0,1fr) 38px 82px 370px 44px}.hud-home .lab-controls-grid{height:325px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr}}
@media(max-width:750px){.hud-home .vision-lab{grid-template-rows:44px 60px 120px 260px 38px 110px 230px 440px 52px;height:auto}.hud-home .lab-controls-grid{height:390px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr}.hud-home .lab-controls-grid>div{padding:9px}.hud-home .vision-lab>.lab-controls{padding:10px}.hud-home .lab-disclaimer{font-size:7px}.hud-home .lab-controls .eyebrow{font-size:7px;letter-spacing:.5px}}

.lens-gadget{border:1px solid #326746;background:#030c07;margin:25px 0 45px}.lens-title{display:flex;justify-content:space-between;gap:15px;padding:18px;background:#071b10;color:#aaffcb;border-bottom:1px solid #326746;font:10px monospace;letter-spacing:1px}.lens-layout{display:grid;grid-template-columns:280px minmax(0,1fr)}#lens-form{padding:22px;border-right:1px solid #245037}#lens-form label{display:block;font:11px/1.6 monospace;color:#9ec9ac;margin-bottom:15px}#lens-form input,#lens-form select{display:block;width:100%;padding:9px;margin-top:5px;border:1px solid #326746;background:#091e11;color:#d0ffe0;min-width:0}.lens-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lens-display{padding:22px;min-width:0}#lens-visual{width:100%;height:auto;border:1px solid #245037}#lens-visual text{fill:#9fe7b6;font:11px monospace}.lens-schematic{font:9px/1.6 monospace;margin:13px 0;color:#79a88a}#lens-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#lens-results div{padding:12px;border:1px solid #245037;min-width:0}#lens-results span{display:block;font:8px monospace;color:#87bd9a;letter-spacing:1px}#lens-results strong{display:block;margin-top:6px;font:18px monospace;color:#c7ffdb}#lens-candidates{display:flex;flex-wrap:wrap;gap:8px}.lens-gadget button{background:#123c25;border:1px solid #4bbd76;padding:9px 12px;color:#c7ffdb;font:10px monospace;cursor:pointer}.lens-gadget button:hover{background:#225a38;box-shadow:0 0 16px #55ff8820}.lens-gadget :focus-visible{outline:2px solid #b6ffd0;outline-offset:3px}.lens-assumptions{padding:18px;border-top:1px solid #245037;font-size:12px}.lens-assumptions summary{color:#8bdca6}.lens-assumptions p{margin-top:15px}.lens-gadget [hidden]{display:none!important}#lens-error{color:#ffba91;font:11px/1.5 monospace}@media(max-width:750px){.lens-layout{grid-template-columns:1fr}#lens-form{border-right:0;border-bottom:1px solid #245037;padding:18px}.lens-display{padding:15px}.lens-title{font-size:8px;flex-wrap:wrap}#lens-results strong{font-size:15px}}

/* Vertical top-down optical geometry. */
#lens-visual{display:block;width:100%;height:440px;background:#020e07} @media(max-width:750px){#lens-visual{height:380px}}

/* Larger upright optics labels and a flat green camera silhouette. */
#lens-visual text.optics-label{font:600 15px monospace;fill:#adffcd;letter-spacing:.4px;paint-order:stroke;stroke:#020e07;stroke-width:3px;stroke-linejoin:round}#lens-visual #visual-distance{font-size:13px}#lens-visual #visual-fov{fill:#ffd078}#lens-visual .industrial-camera{filter:drop-shadow(0 0 3px #55ff8820)}

/* Larger optical schematic labels. */
#lens-visual text.optics-label{font-size:20px;letter-spacing:.5px}#lens-visual #visual-distance{font-size:18px}


.defect-results{border-top:1px solid #326746;margin-top:20px;padding-top:8px}.defect-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.defect-grid>div{padding:10px;background:#071b10;border:1px solid #245037}.defect-grid span{display:block;font:8px monospace;color:#87bd9a}.defect-grid strong{display:block;font:15px monospace;margin-top:6px;color:#c7ffdb}.defect-grid [data-pass=false]{color:#ffd078}#pixel-demo{display:block;width:100%;height:65px}.resolution-settings{font-size:11px;padding-top:10px;border-color:#245037}.resolution-settings summary{font:11px monospace;color:#8bdca6}.resolution-settings label{margin-top:12px}

.optics-tabs{display:flex;gap:6px;background:#020805;padding:12px;border-bottom:1px solid #245037;overflow-x:auto}.optics-tabs button{flex:1;white-space:nowrap;font-size:11px}.optics-tabs button[aria-selected=true]{background:#245338;border-color:#aaffcb}.market-controls{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #326746}#comparison-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}#comparison-cards article{background:#071b10;border:1px solid #245037;padding:18px;color:#baffd1;font:12px/1.8 monospace;overflow-wrap:anywhere}#comparison-cards h3{margin:0 0 12px;color:#e4ffed}.lens-gadget[data-tab=resolution] #lens-visual,.lens-gadget[data-tab=compare] #lens-visual,.lens-gadget[data-tab=resolution] .lens-schematic:has(+ #lens-results),.lens-gadget[data-tab=compare] .lens-schematic:has(+ #lens-results){display:none}.lens-gadget[data-tab=resolution] #lens-results{display:none}.lens-gadget[data-tab=compare] .defect-results{display:none}.lens-gadget[data-tab=compare] #lens-candidates{display:none}.lens-gadget[data-tab=resolution] #lens-candidates{display:none}@media(max-width:650px){.optics-tabs button{flex:0 0 auto;font-size:10px}#comparison-cards{grid-template-columns:1fr}}

/* Quick estimate on the left; detailed specification on the right. */
.lens-layout{grid-template-columns:300px minmax(0,1fr)}.panel-heading{margin-bottom:20px}.panel-heading .eyebrow{font:10px monospace;color:#aaffcb;margin-bottom:8px;letter-spacing:1px}.panel-heading p:not(.eyebrow){font:10px/1.7 monospace;color:#86ae92;margin:0}.specific-settings{padding:16px;background:#06130b;border:1px solid #245037;margin-bottom:18px}.specific-settings .panel-heading{margin-bottom:10px}.advanced-optics{padding-top:10px;border-color:#245037}.advanced-optics summary{color:#aaffcb;font:11px monospace}.specific-settings label{display:block;font:11px/1.6 monospace;color:#9ec9ac;margin:12px 0}.specific-settings input{display:block;width:100%;padding:8px;margin-top:5px;background:#091e11;color:#d0ffe0;border:1px solid #326746;min-width:0}.specific-settings .resolution-settings{margin-top:10px}.specific-settings .lens-pair{margin-top:10px}#lens-form #lens-error{margin-top:12px}@media(max-width:750px){.lens-layout{grid-template-columns:1fr}}

/* Marco's sketch: quick inputs | optical scene | details, results below. */
.lens-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 235px;align-items:stretch}
#lens-form{grid-column:1;grid-row:1;padding:18px;border-right:1px solid #245037}
.lens-display{display:contents}
.specific-settings{grid-column:3;grid-row:1;margin:0;padding:18px;border:0;border-left:1px solid #245037;background:#050f09;min-width:0}
#optics-context{grid-column:2;grid-row:1;align-self:start;z-index:1;margin:12px 16px;font-size:8px;pointer-events:none}
#lens-visual{grid-column:2;grid-row:1;width:calc(100% - 24px);height:510px;align-self:center;justify-self:center;margin:42px 12px 18px;border:1px solid #245037}
.lens-display>.lens-schematic:not(#optics-context){display:none}
#lens-results{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:15px;border-top:1px solid #245037;gap:10px}
#lens-results strong{font-size:16px}#lens-results span{font-size:7px;line-height:1.6}
.defect-results{grid-column:1/-1;grid-row:3;margin:0;padding:0 15px 15px;border-top:0}.defect-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#pixel-demo{height:40px}
#lens-candidates{grid-column:1/-1;grid-row:4;padding:0 15px 15px}
#compare-panel{grid-column:2;grid-row:1;padding:45px 18px 20px;min-width:0}
.lens-gadget[data-tab=resolution] .defect-results{grid-column:2;grid-row:1;padding:55px 18px 18px}.lens-gadget[data-tab=resolution] .defect-grid{grid-template-columns:1fr 1fr}
.specific-settings .lens-pair{grid-template-columns:1fr}.specific-settings .advanced-optics{margin:0}.specific-settings .panel-heading p{font-size:9px}
.lens-gadget[data-tab=compare] #lens-results{grid-row:2}.lens-gadget[data-tab=compare] #comparison-cards{grid-template-columns:1fr 1fr}
@media(max-width:1050px) and (min-width:751px){.lens-layout{grid-template-columns:215px minmax(0,1fr) 195px}#lens-form,.specific-settings{padding:12px}#lens-visual{height:480px}#lens-results{grid-template-columns:repeat(3,minmax(0,1fr))}#lens-results strong{font-size:14px}}
@media(max-width:750px){.lens-layout{grid-template-columns:1fr}#lens-form{grid-column:1;grid-row:1;border-right:0;border-bottom:1px solid #245037}#optics-context{grid-column:1;grid-row:2}#lens-visual{grid-column:1;grid-row:2;height:400px;margin:40px 12px 18px}.specific-settings{grid-column:1;grid-row:3;border-left:0;border-top:1px solid #245037}#lens-results{grid-column:1;grid-row:4;grid-template-columns:1fr 1fr}.defect-results{grid-column:1;grid-row:5}.defect-grid{grid-template-columns:1fr 1fr}#lens-candidates{grid-column:1;grid-row:6}#compare-panel{grid-column:1;grid-row:2}.lens-gadget[data-tab=resolution] .defect-results{grid-column:1;grid-row:2}.specific-settings .lens-pair{grid-template-columns:1fr 1fr}}
/* Defect sampling belongs exclusively to the resolution tab. */
.lens-gadget:not([data-tab=resolution]) .defect-results,.lens-gadget:not([data-tab=resolution]) .resolution-settings{display:none!important}
.lens-gadget[data-tab=resolution] .defect-results{display:block;grid-column:2;grid-row:1;padding:55px 18px 18px;align-self:start}
.lens-gadget[data-tab=resolution] .resolution-settings{display:block}
@media(max-width:750px){.lens-gadget[data-tab=resolution] .defect-results{grid-column:1;grid-row:2}}
/* Center and enlarge optical summary cards. */
#lens-results>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 10px;min-height:92px}
#lens-results span{font-size:10px;letter-spacing:.7px;line-height:1.5;text-align:center}
#lens-results strong{font-size:18px;text-align:center;margin-top:10px;line-height:1.4}
@media(max-width:1050px){#lens-results span{font-size:9px}#lens-results strong{font-size:16px}}
/* Focused resolution workflow: requirements, result, camera check. */
.resolution-requirements,.resolution-camera-check,.resolution-more{display:none}
.lens-gadget[data-tab=resolution] .resolution-requirements,.lens-gadget[data-tab=resolution] .resolution-camera-check,.lens-gadget[data-tab=resolution] .resolution-more{display:block}
.lens-gadget[data-tab=resolution] #lens-form> :not(.resolution-requirements):not(#lens-reset):not(#lens-error){display:none!important}
.lens-gadget[data-tab=resolution] .specific-settings> :not(.resolution-camera-check){display:none!important}
.lens-gadget[data-tab=resolution] #optics-context{display:none}
.lens-gadget[data-tab=resolution] .defect-results{padding:40px 24px;text-align:center}
.lens-gadget[data-tab=resolution] .defect-grid{grid-template-columns:1fr}
.lens-gadget[data-tab=resolution] .defect-grid>div{padding:25px 12px}
.lens-gadget[data-tab=resolution] #required-resolution{font-size:36px;color:#afffc9}
.lens-gadget[data-tab=resolution] .defect-grid span{display:none}
.lens-gadget[data-tab=resolution] .defect-results>p:first-child{font:13px monospace;letter-spacing:1px;color:#baffd1}
.lens-gadget[data-tab=resolution] #pixel-demo{height:145px;margin:24px 0}
.resolution-camera-check>div{padding:16px 10px;margin:14px 0;background:#071b10;border:1px solid #245037;text-align:center}
.resolution-camera-check>div span,.resolution-more span{display:block;font:10px/1.6 monospace;color:#9ac7a7}
.resolution-camera-check>div strong,.resolution-more strong{display:block;font:20px/1.6 monospace;color:#c7ffdb}
.resolution-camera-check [data-pass=false]{color:#ffd078}
.resolution-camera-check details,.resolution-more{margin:18px 0;font:11px/1.8 monospace;color:#baffd1}
.resolution-camera-check .market-controls{padding-top:12px;margin:0;border:0}
.lens-gadget[data-tab=resolution] .lens-layout{min-height:440px}
@media(max-width:750px){.lens-gadget[data-tab=resolution] .specific-settings{grid-row:3}.lens-gadget[data-tab=resolution] .defect-results{padding:25px 16px}.lens-gadget[data-tab=resolution] #required-resolution{font-size:30px}}
.market-camera-info{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #326746}
.market-camera-info .eyebrow{font:12px monospace;color:#baffd1;letter-spacing:1px}
.market-camera-info #camera-spec{font:12px/1.8 monospace;color:#a9d6b7;overflow-wrap:anywhere;margin:12px 0 0}
/* Highlight the optical results while preserving the five-card layout. */
#lens-results{gap:12px;padding-top:18px;padding-bottom:18px}
#lens-results>div{position:relative;background:linear-gradient(145deg,#0b2617,#041009);border:1px solid #45865a;border-top:3px solid #70ed99;padding:22px 12px;box-shadow:inset 0 0 24px #54ff8910,0 0 12px #46e87708;text-align:center}
#lens-results span{font:11px/1.5 monospace;color:#b4d9bf;letter-spacing:.7px}
#lens-results strong{display:block;font:700 23px/1.45 monospace;color:#d3ffe1;margin-top:12px;text-shadow:0 0 12px #66ff9940;overflow-wrap:anywhere}
#lens-results>div:first-child{background:linear-gradient(145deg,#163d24,#071c10);border-color:#83ffac;box-shadow:inset 0 0 28px #6eff9d12,0 0 16px #46e87718}
#lens-results>div:first-child strong{color:#9bffbc}
@media(max-width:1050px){#lens-results strong{font-size:20px}}
@media(max-width:750px){#lens-results>div{padding:18px 10px}#lens-results span{font-size:10px}#lens-results strong{font-size:18px}}
/* Quieter result surfaces and larger headings. */
#lens-results>div{background:#041009;box-shadow:none}
#lens-results>div:first-child{background:#07170d;box-shadow:none}
#lens-results span{font-size:14px;line-height:1.5;letter-spacing:.5px;color:#c1e4cb}
@media(max-width:1050px){#lens-results span{font-size:13px}}
@media(max-width:750px){#lens-results span{font-size:12px}}
#lens-results strong{font-size:20px}
@media(max-width:1050px){#lens-results strong{font-size:18px}}
@media(max-width:750px){#lens-results strong{font-size:16px}}
.lens-gadget[data-tab=market] #lens-form>.panel-heading,.lens-gadget[data-tab=custom] #lens-form>.panel-heading{display:none}
.lens-gadget[data-tab=custom] #optics-context{font:12px/1.5 monospace;letter-spacing:1px;color:#baffd1}
/* Match the image's top alignment across both optical planning tabs. */
.lens-gadget[data-tab=custom] #lens-visual,.lens-gadget[data-tab=market] #lens-visual{align-self:start}
.market-camera-info{padding:0 0 18px;margin:0 0 18px}
.lens-gadget[data-tab=resolution] #pixel-demo{height:auto;width:100%;max-height:340px;margin:24px 0 12px;background:#020a05;border:1px solid #245037}
.resolution-dimensions{padding:8px 10px;margin:14px 0;border:1px solid #326746;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.resolution-dimensions legend{font:12px monospace;color:#baffd1;padding:0 5px}
.resolution-dimensions label{min-width:0;margin:8px 0!important}
.lens-gadget[data-tab=resolution] #pixel-demo{max-height:420px}
/* Place the required resolution directly below the part illustration. */
.lens-gadget[data-tab=resolution] .defect-results{display:flex;flex-direction:column}
.lens-gadget[data-tab=resolution] #pixel-demo{order:0;margin-top:0}
.lens-gadget[data-tab=resolution] .defect-results>p:first-child{order:1;margin:18px 0 12px}
.lens-gadget[data-tab=resolution] .defect-grid{order:2}
.lens-gadget[data-tab=resolution] #sampling-note{order:3}
.lens-gadget[data-tab=resolution] .resolution-more{order:4}
/* Center the comparator's heading, actions, snapshots and verdict. */
.lens-gadget[data-tab=compare] #compare-panel{text-align:center}
.lens-gadget[data-tab=compare] #comparison-cards article{text-align:center}
.lens-gadget[data-tab=compare] #comparison-cards h3,.lens-gadget[data-tab=compare] #comparison-verdict{text-align:center}
#compare-panel .market-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;margin:20px 0;padding:18px;border:1px solid #326746;background:#041009}
#compare-panel .market-controls label{font:11px/1.6 monospace;color:#baffd1;min-width:0}
#compare-panel .market-controls select{display:block;width:100%;margin-top:8px;padding:10px;background:#091e11;border:1px solid #326746;color:#d0ffe0;min-width:0}
#compare-panel #camera-spec,#compare-panel #apply-camera{grid-column:1/-1}
#compare-panel #apply-camera{justify-self:center}
#comparison-cards article>p{font:12px/1.6 monospace;color:#8fffb7;margin-bottom:16px}
@media(max-width:650px){#compare-panel .market-controls{grid-template-columns:1fr}}
/* Dedicated comparison workspace with independent camera cards. */
.lens-gadget[data-tab=compare] #lens-form,.lens-gadget[data-tab=compare] .specific-settings,.lens-gadget[data-tab=compare] #optics-context,.lens-gadget[data-tab=compare] #lens-results{display:none!important}
.lens-gadget[data-tab=compare] #compare-panel{grid-column:1/-1;grid-row:1;padding:24px;min-width:0}
.compare-shared{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:560px;margin:20px auto}
#compare-panel label{display:block;font:12px/1.6 monospace;color:#baffd1;text-align:center}
#compare-panel input,#compare-panel select{display:block;width:100%;background:#071b10;color:#d0ffe0;border:1px solid #326746;padding:10px;margin-top:6px;min-width:0}
#compare-panel #comparison-cards article{padding:20px;min-width:0}
#compare-panel .compare-image{display:block;width:100%;margin:18px 0;background:#020a05;border:1px solid #245037}
.compare-readout{display:grid;grid-template-columns:1fr;gap:10px}
.compare-readout>div{padding:10px;border:1px solid #245037;background:#041009}
.compare-readout span{display:block;font:11px/1.5 monospace;color:#9ec9ac}
.compare-readout strong{display:block;font:18px/1.6 monospace;color:#c7ffdb}
.compare-custom-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.compare-custom{margin-top:14px}
#comparison-verdict{font:13px/1.8 monospace;color:#baffd1;margin:20px 0}
@media(max-width:750px){.lens-gadget[data-tab=compare] #compare-panel{padding:16px}.compare-shared{gap:10px}}
.compare-shared{grid-template-columns:1fr;max-width:280px}
#compare-panel .compare-lens{margin-bottom:14px}
.compare-shared{grid-template-columns:repeat(3,minmax(0,1fr));max-width:800px}
.camera-card-picker{margin:12px 0 18px;border:1px solid #43895b;background:#06150c;padding:12px}
.camera-card-picker summary{font:13px/1.6 monospace;color:#beffd3;cursor:pointer}
.camera-brand-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0}
.camera-brand-chips button{font-size:10px;padding:7px 10px}
.camera-brand-chips button[aria-pressed=true],.camera-model-tile[aria-pressed=true]{border-color:#94ffc0;background:#173e25}
.camera-model-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:260px;overflow:auto}
.camera-model-tile{display:block;text-align:center;padding:12px 8px;min-width:0}
.camera-model-tile strong{display:block;font:11px/1.6 monospace;overflow-wrap:anywhere}
.camera-model-tile span{display:block;font:10px/1.6 monospace;color:#9ac7a7;margin-top:6px}
@media(max-width:650px){.compare-shared{grid-template-columns:1fr}.camera-model-tiles{grid-template-columns:1fr}}
.camera-model-popup{width:min(720px,calc(100vw - 32px));max-height:80vh;margin:auto;padding:20px;background:#041009;color:#c7ffdb;border:1px solid #72e99a;box-shadow:0 20px 70px #000b}
.camera-model-popup::backdrop{background:#000a;backdrop-filter:blur(4px)}
.camera-popup-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
#compare-panel .camera-popup-header h3{margin:0;font:16px monospace}
.camera-popup-header button{font-size:22px;padding:4px 12px}
.camera-model-popup .camera-model-tiles{max-height:55vh;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px}
@media(max-width:500px){.camera-model-popup .camera-model-tiles{grid-template-columns:1fr}}
.hud-home .lab-controls .eyebrow{font-size:10px;letter-spacing:.8px}
.hud-home .cycle-time-readout{font-size:11px;color:#baffd1}
.cycle-time-readout strong{margin-left:8px;font:700 13px monospace;color:#aaffcb}
.cycle-time-readout span{display:block;font:8px/1.5 monospace;color:#8daf99;margin-top:4px}
@media(max-width:750px){.hud-home .lab-controls .eyebrow{font-size:9px}}
.cycle-lab{margin-top:36px;border:1px solid #326746;background:#020a05;color:#baffd1}
.cycle-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 210px}
.cycle-inputs,.cycle-display,.cycle-results{padding:18px;min-width:0}
.cycle-inputs{border-right:1px solid #245037}.cycle-results{border-left:1px solid #245037}
.cycle-lab .eyebrow{font:12px monospace;color:#aaffcb;letter-spacing:1px}
.cycle-inputs label{display:block;font:11px/1.6 monospace;margin:12px 0;color:#b4d9bf}
.cycle-inputs input{display:block;width:100%;margin-top:5px;padding:8px;border:1px solid #326746;background:#091e11;color:#d0ffe0}
.cycle-lab button{padding:9px 12px;font:11px monospace;background:#143923;border:1px solid #55aa72;color:#c7ffdb;cursor:pointer}
.cycle-lab button:disabled{opacity:.45;cursor:default}
.cycle-lab button:focus-visible,.cycle-lab input:focus-visible{outline:2px solid #b6ffd0;outline-offset:3px}
.cycle-chart{display:block;width:100%;background:#041009;border:1px solid #245037;margin:20px 0}
.cycle-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cycle-playback,.cycle-inputs p,.cycle-assumptions p{font:10px/1.8 monospace;color:#95bca2}
.cycle-status{font:12px/1.8 monospace;color:#c7ffdb}
.cycle-results>div{padding:14px 10px;margin-bottom:12px;border:1px solid #326746;background:#07170d;text-align:center}
.cycle-results span{display:block;font:11px/1.6 monospace;color:#9ec9ac}
.cycle-results strong{display:block;font:18px/1.6 monospace;color:#c7ffdb;margin-top:8px}
.cycle-error{color:#ffd078!important}
.cycle-assumptions{padding:18px;border-top:1px solid #245037;font:12px monospace}
.cycle-inputs details{font:11px/1.8 monospace}
@media(max-width:1050px){.cycle-layout{grid-template-columns:190px minmax(0,1fr)}.cycle-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-left:0;border-top:1px solid #245037}}
@media(max-width:750px){.cycle-layout{grid-template-columns:1fr}.cycle-inputs{border-right:0;border-bottom:1px solid #245037}.cycle-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cycle-results{grid-template-columns:1fr 1fr}.cycle-chart{min-height:210px}.cycle-results strong{font-size:16px}}
.process-layout{display:grid;grid-template-columns:310px minmax(0,1fr)}
.process-display{padding:24px;min-width:0}
.process-display>.eyebrow{text-align:center}
.process-tool-row{display:grid;grid-template-columns:minmax(0,1fr) 85px 30px;gap:8px;align-items:end;padding:8px 0;border-bottom:1px solid #245037}
.process-tool-row button{margin-bottom:12px;padding:8px!important}
.process-inputs select{display:block;width:100%;min-width:0;padding:8px;margin-top:5px;background:#091e11;border:1px solid #326746;color:#d0ffe0}
.process-flow{display:flex;flex-wrap:wrap;gap:22px;margin:24px 0;align-items:stretch}
.process-block{position:relative;flex:1 1 175px;min-width:0;padding:18px 14px;border:1px solid #43895b;background:#071b10;text-align:center;transition:border-color .15s,background .15s}
.process-block::after{content:'→';position:absolute;right:-19px;top:45%;color:#79ffa7}
.process-block strong{display:block;font:12px/1.7 monospace;color:#c7ffdb}
.process-block span{display:block;font:20px/1.8 monospace;color:#aaffcb}
.process-block small{display:block;font:10px/1.7 monospace;color:#95bca2}
.process-block i{display:block;height:5px;background:#5ba878;margin-top:12px;min-width:1px}
.process-block.bottleneck{border-color:#c6a45a}.process-block.bottleneck i{background:#ffd078}
.process-block.active{background:#2c3013;border:2px solid #ffd078}
.process-block.done{background:#113321}
.process-milestone{flex:1 1 175px;display:flex;align-items:center;justify-content:center;padding:18px;border:1px dashed #69dcea;background:#062127;color:#8be7f1;font:12px/1.8 monospace;text-align:center}
.process-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 0;border:0}
.process-display .lens-schematic{font-size:10px;line-height:1.8}
@media(max-width:850px){.process-layout{grid-template-columns:1fr}.process-inputs{border-right:0}.process-fixed,.process-ending{display:grid;grid-template-columns:1fr 1fr;gap:12px}.process-display{padding:18px}.process-block,.process-milestone{flex-basis:140px}.process-metrics{grid-column:auto}}
.station-inputs select{display:block;width:100%;background:#091e11;border:1px solid #326746;color:#d0ffe0;padding:9px;margin-top:6px}
.station-scene{width:100%;display:block;border:1px solid #245037;background:#041009;margin:18px 0}
.station-flow .station-vision{border-color:#69dcea;background:#062127}
.station-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0;border:0}
.station-lab .process-block{flex-basis:155px}
.station-status{min-height:44px}
.sequence-inputs details{margin:14px 0;padding:10px 0;border-top:1px solid #245037;font:11px/1.7 monospace}
.sequence-step-row{display:grid;grid-template-columns:minmax(0,1fr) 75px 28px;align-items:end;gap:6px}
.sequence-step-row button{padding:8px!important;margin-bottom:12px}
.sequence-vision{padding:14px;border:1px solid #69dcea;background:#062127}
.sequence-branches{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.sequence-branches>div{padding:16px;border:1px solid #326746;background:#041009;min-width:0;text-align:center}
.sequence-branches>div:last-child{border-color:#87643d}
.sequence-branches .process-flow{margin:14px 0;gap:10px;flex-direction:column}
.sequence-branches .process-block{flex-basis:auto}
.sequence-branches .process-block::after{content:none}
.sequence-branches>div>strong{font:12px/1.7 monospace;color:#c7ffdb}
.sequence-ready{margin:18px 0}
.sequence-route{display:block;padding:9px;margin-top:5px;background:#091e11;color:#c7ffdb;border:1px solid #326746}
.sequence-metrics{display:grid;grid-template-columns:1fr 1fr;padding:18px 0;gap:12px;border:0}
@media(max-width:650px){.sequence-branches{grid-template-columns:1fr}}
.sequence-scene{display:block;width:100%;margin:18px 0;background:#041009;border:1px solid #245037}
.sequence-inputs .sequence-unit{display:block;width:100%;padding:9px;background:#091e11;color:#c7ffdb;border:1px solid #326746;margin-top:6px}
.sequence-lab .process-block{overflow:hidden}
.sequence-lab .sequence-progress{position:absolute;inset:0 auto 0 0;height:100%;margin:0;background:#7effab25;min-width:0;pointer-events:none}
.sequence-lab .process-block>strong,.sequence-lab .process-block>span{position:relative;z-index:1}
.sequence-lab .sequence-after>details{padding:8px;margin:8px 0;border:1px solid #245037}
/* ToolsB preserves original tools inside one independently scrollable viewport. */
.tools-b-workspace{border:1px solid #326746;background:#020a05}
.tools-b-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;border-bottom:1px solid #326746;background:#041009}
.tools-b-selectors button{padding:14px 10px;background:#071b10;border:1px solid #326746;color:#baffd1;text-align:center;cursor:pointer;min-width:0}
.tools-b-selectors button strong{display:block;font:13px/1.6 monospace}
.tools-b-selectors button span{display:block;margin-top:5px;font:10px/1.6 monospace;color:#94bd9f}
.tools-b-selectors button[aria-selected=true]{background:#173e25;border-color:#94ffc0}
.tools-b-selectors button:focus-visible,.tools-b-panel:focus-visible{outline:2px solid #aaffcb;outline-offset:-3px}
.tools-b-viewport{height:76vh;min-height:480px;max-height:900px;overflow:auto;scrollbar-color:#326746 #020a05}
.tools-b-panel[hidden]{display:none!important}
.tools-b-panel>.lens-gadget,.tools-b-panel>.cycle-lab{margin:0;border:0}
.tools-b-page .page-next,.tools-b-page #tools>.split{display:none}
.tools-b-page .section-heading{margin-bottom:24px}
@media(max-width:750px){.tools-b-selectors{grid-template-columns:1fr 1fr}.tools-b-selectors button strong{font-size:11px}.tools-b-selectors button span{font-size:9px}.tools-b-viewport{height:72vh;min-height:420px}}