*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#020711;--panel:rgba(2,10,21,.82);--panel2:rgba(4,18,34,.82);--line:rgba(148,163,184,.42);--blue:#12b9ff;--blue2:#0b8fe8;--cyan:#67e8f9;--text:#f5f7fb;--muted:#c4cad4;--subtle:#94a3b8;--yellow:#ffc928;--red:#ff3b47;--green:#46e39a}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#020711;overflow-x:hidden}
.space-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 50% 8%,rgba(0,104,183,.16),transparent 29rem),linear-gradient(180deg,#030a14,#020711 68%)}
.space-bg:before{content:"";position:absolute;inset:88px 0 0;background-image:radial-gradient(circle at 12% 15%,#b7e9ff 0 1px,transparent 1.6px),radial-gradient(circle at 72% 28%,#54bde9 0 1px,transparent 1.5px),radial-gradient(circle at 35% 62%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 90% 73%,#1da9ec 0 1px,transparent 1.5px);background-size:210px 210px,320px 320px,380px 380px,460px 460px;opacity:.32}
.space-bg:after{content:"";position:absolute;left:-15vw;top:110px;width:42vw;height:42vw;min-width:420px;min-height:420px;border-radius:50%;border:1px solid rgba(69,161,207,.28);box-shadow:inset -35px 0 85px rgba(18,185,255,.10),0 0 65px rgba(0,128,200,.10);opacity:.36}
.space-bg span{position:absolute;left:0;right:0;top:90px;height:560px;background:repeating-radial-gradient(ellipse at 50% 74%,transparent 0 54px,rgba(41,130,182,.10) 55px 56px);opacity:.45}
.topbar{height:90px;padding:0 54px;display:grid;grid-template-columns:1fr auto 128px;align-items:center;gap:28px;border-bottom:1px solid rgba(148,163,184,.35);background:rgba(1,7,16,.94);position:relative;z-index:5}
.wordmark{text-decoration:none;color:#fff;line-height:1}.wordmark strong{display:block;font-size:29px;letter-spacing:.18em;font-weight:600}.wordmark span{display:block;margin-top:10px;padding-left:2px;color:var(--blue);font-size:12px;letter-spacing:.30em}
.topnav{display:flex;align-items:center}.topnav a{padding:0 20px;border-right:1px solid rgba(148,163,184,.38);color:#fff;text-decoration:none;font-size:12px;letter-spacing:.08em;white-space:nowrap}.topnav a:first-child{border-left:1px solid rgba(148,163,184,.38)}.topnav a.active,.topnav a:hover{color:var(--blue)}
.header-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.header-brand{display:grid;place-items:center;height:82px}.header-logo{width:104px;height:66px;display:block;object-fit:cover;object-position:center;border:0;filter:none;mix-blend-mode:screen}.version-status{width:max-content;max-width:100%;margin:6px 0 0;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:6px 11px;border:1px solid rgba(255,201,40,.35);border-radius:999px;background:rgba(2,7,17,.82);color:#ffe680;font-size:10px;letter-spacing:.1em}.status-label{color:#d8dde6}
.status-indicator{width:8px;height:8px;border-radius:50%;display:block;border:1px solid rgba(255,255,255,.55)}.status-yellow{background:var(--yellow);animation:pulse-yellow 2s ease-in-out infinite}
@keyframes pulse-yellow{0%,100%{transform:scale(1);opacity:.82;box-shadow:0 0 4px #ffc928,0 0 9px rgba(255,201,40,.65)}50%{transform:scale(1.18);opacity:1;box-shadow:0 0 8px #ffd84d,0 0 18px rgba(255,216,77,.9),0 0 28px rgba(255,183,0,.5)}}
.page-shell{width:min(1500px,100%);margin:auto;padding:0 4.5% 40px}.hero{text-align:center}.compact-hero{padding:58px 20px 36px}.hero-kicker{margin:0 0 9px;color:var(--blue);font-size:12px;letter-spacing:.28em}.hero h1{margin:0;font-size:clamp(36px,4vw,58px);letter-spacing:-.035em;text-shadow:0 3px 8px rgba(0,0,0,.78)}.hero-tagline{margin:10px 0 0;color:var(--blue);font-size:clamp(17px,1.55vw,22px)}.hero-copy{max-width:820px;margin:17px auto 0;color:#d4d7dc;font-size:16px;line-height:1.6}
.workspace{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:20px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:12px;background:linear-gradient(140deg,var(--panel2),rgba(1,7,15,.92));box-shadow:0 18px 42px rgba(0,0,0,.2)}.controls-panel{padding:24px}.drawing-panel{padding:24px;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-heading h2{margin:2px 0 0;font-size:23px}.section-kicker{margin:0;color:var(--blue);font-size:11px;letter-spacing:.22em}.panel-state{display:flex;align-items:center;gap:7px;color:#75e6ff;font-size:10px;letter-spacing:.15em}.panel-state i{width:7px;height:7px;border-radius:50%;background:#38d8ff;box-shadow:0 0 6px #38d8ff,0 0 14px rgba(56,216,255,.65)}
form>label{display:block;margin-top:16px}.field-row{display:grid;gap:12px}.two-column{grid-template-columns:1fr 1fr}.field-row label,.controls-panel label{color:#d6dbe3;font-size:12px;letter-spacing:.03em}.field-row label>span,.controls-panel>form>label>span{display:block;margin-bottom:7px}
input,select,button{font:inherit}input,select{width:100%;height:43px;border:1px solid rgba(148,163,184,.43);border-radius:8px;background:rgba(3,11,23,.95);color:#f8fafc;padding:0 12px;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,185,255,.12)}.input-with-unit{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid rgba(148,163,184,.43);border-radius:8px;background:rgba(3,11,23,.95);overflow:hidden}.input-with-unit:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,185,255,.12)}.input-with-unit input{border:0;border-radius:0;background:transparent;box-shadow:none}.input-with-unit span{padding:0 12px;color:#8edcff;font-size:11px;letter-spacing:.08em}.scan-mode-control{border:0;padding:0;margin:19px 0 4px}.scan-mode-control legend{margin:0 0 8px;color:#cbd5e1;font-size:12px;font-weight:700;letter-spacing:.05em}.segmented-toggle{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(148,163,184,.43);border-radius:8px;overflow:hidden;background:rgba(3,11,23,.95)}.segmented-toggle label{position:relative;cursor:pointer}.segmented-toggle label+label{border-left:1px solid rgba(148,163,184,.35)}.segmented-toggle input{position:absolute;opacity:0;pointer-events:none}.segmented-toggle span{display:grid;place-items:center;min-height:41px;padding:0 12px;color:#94a3b8;font-size:12px;font-weight:800;letter-spacing:.06em;transition:.2s}.segmented-toggle input:checked+span{background:linear-gradient(180deg,rgba(18,159,223,.95),rgba(8,123,179,.95));color:#fff;box-shadow:inset 0 0 0 1px rgba(103,232,249,.45)}.segmented-toggle input:focus-visible+span{outline:2px solid #67e8f9;outline-offset:-3px}.toggle-row{display:grid;gap:10px;margin:19px 0}.switch-label{display:flex;align-items:center;gap:10px;cursor:pointer}.switch-label input{position:absolute;opacity:0;pointer-events:none}.switch{width:38px;height:21px;border-radius:999px;background:#263348;border:1px solid #526079;position:relative;transition:.2s}.switch:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:#d7e1ee;transition:.2s}.switch-label input:checked+.switch{background:#087ab7;border-color:#18baff;box-shadow:0 0 10px rgba(18,185,255,.22)}.switch-label input:checked+.switch:after{transform:translateX(17px);background:#fff}.button-row{display:grid;grid-template-columns:.8fr 1.35fr;gap:10px;margin-top:18px}button{min-height:43px;border:1px solid #18baff;border-radius:8px;background:linear-gradient(180deg,#129fdf,#087bb3);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 22px rgba(0,128,200,.15)}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button.secondary-button{background:rgba(8,18,32,.9);border-color:#475569;color:#dbe4ef}.form-message{min-height:18px;margin:10px 0 0;color:#ffd760;font-size:12px}
.drawing-heading{align-items:center}.legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:13px;color:#bfc7d2;font-size:11px}.legend span{display:flex;align-items:center;gap:7px}.legend-line{display:inline-block;width:25px;height:0;border-top:2px solid}.legend-line.nominal{border-color:#67e8f9;box-shadow:0 0 7px rgba(103,232,249,.65)}.legend-line.envelope{border-color:#38bdf8;border-top-style:dashed}.legend-line.haz{border-color:#facc15;border-top-style:dotted;border-top-width:3px}.legend-block{width:16px;height:11px;border:1px solid #64748b;background:#263448}.svg-wrap{min-height:420px;border:1px solid rgba(148,163,184,.28);border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(12,70,110,.22),transparent 50%),rgba(1,7,15,.72)}#scanSvg{display:block;width:100%;height:auto;min-height:420px}.drawing-note{width:100%;margin:12px auto 0;color:#8d98a8;font-size:11px;line-height:1.5;text-align:center}
.results-section{padding-top:34px}.section-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin-bottom:24px}.section-heading span{height:1px;background:linear-gradient(90deg,transparent,var(--blue))}.section-heading span:last-child{background:linear-gradient(90deg,var(--blue),transparent)}.section-heading h2{margin:0;color:var(--blue);font-size:14px;letter-spacing:.24em;font-weight:500}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.result-card{position:relative;min-height:132px;padding:20px;border:1px solid rgba(148,163,184,.36);border-radius:10px;background:linear-gradient(140deg,rgba(4,18,34,.82),rgba(1,7,15,.9));box-shadow:0 16px 32px rgba(0,0,0,.16)}.result-card:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:2px;background:linear-gradient(var(--blue),transparent)}.result-card.primary-result{border-color:rgba(18,185,255,.65);box-shadow:inset 0 0 30px rgba(18,185,255,.035),0 0 10px rgba(18,185,255,.08)}.result-card p{margin:0;color:#c9d0da;font-size:12px}.result-card strong{display:block;margin:10px 0 6px;color:#fff;font-size:26px;letter-spacing:-.02em}.result-card span{color:#8f9bac;font-size:11px}
.disclaimer-panel{display:flex;align-items:center;gap:15px;margin-top:20px;padding:16px 19px;border-color:rgba(255,201,40,.28)}.guidance-icon{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,201,40,.62);border-radius:50%;color:#ffe078;background:rgba(255,201,40,.06);box-shadow:0 0 12px rgba(255,201,40,.10);font-weight:800}.disclaimer-panel p{margin:0;color:#c8ced8;font-size:12px;line-height:1.6}.disclaimer-panel strong{color:#ffe27a}
.site-footer{min-height:82px;padding:18px 5%;display:flex;align-items:center;gap:28px;border-top:1px solid rgba(148,163,184,.38);background:rgba(1,7,16,.9);color:#d4d8df;font-size:11px;letter-spacing:.08em}.site-footer div{display:flex;gap:10px;align-items:center}.site-footer div span{color:var(--blue);font-size:19px}.site-footer i{height:24px;width:1px;background:rgba(148,163,184,.45)}.site-footer p{margin-left:auto;text-align:right;color:var(--blue);line-height:1.4}.site-footer small{color:#9da6b4;font-size:10px}
@media(max-width:1100px){.topbar{padding:0 24px;grid-template-columns:1fr auto 100px}.topnav a{padding:0 12px}.wordmark strong{font-size:23px}.wordmark span{font-size:10px}.workspace{grid-template-columns:1fr}.controls-panel form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.controls-panel .field-row,.scan-mode-control,.toggle-row,.button-row,.form-message{grid-column:1/-1}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-logo{width:86px;height:56px}}
@media(max-width:760px){.header-left{align-self:start}.topbar{height:auto;min-height:94px;padding:14px 18px;grid-template-columns:1fr 90px}.topnav{grid-column:1/-1;grid-row:2;justify-content:center;padding-top:11px}.topnav a{font-size:10px}.header-brand{grid-column:2;grid-row:1}.compact-hero{padding-top:45px}.controls-panel form{display:block}.two-column{grid-template-columns:1fr}.results-grid{grid-template-columns:1fr}.drawing-heading{align-items:flex-start;flex-direction:column}.legend{justify-content:flex-start}.site-footer{flex-wrap:wrap}.site-footer p{width:100%;margin:0;text-align:left}}
@media(max-width:480px){.wordmark strong{font-size:18px}.wordmark span{font-size:8px;letter-spacing:.22em}.topnav a{padding:0 8px}.topnav a span{display:none}.header-logo{width:72px;height:48px}.version-status{font-size:8px;letter-spacing:.06em;white-space:normal}.page-shell{padding-left:10px;padding-right:10px}.compact-hero{padding:38px 10px 30px}.hero-copy{font-size:14px}.controls-panel,.drawing-panel{padding:18px}.svg-wrap,#scanSvg{min-height:330px}.section-heading{gap:10px}.section-heading h2{font-size:11px}.button-row{grid-template-columns:1fr}.site-footer{gap:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.status-yellow{animation:none}button:hover{transform:none}}
@media print{.space-bg,.topbar,.controls-panel,.site-footer,.disclaimer-panel{display:none!important}body{background:#fff;color:#000}.page-shell{width:100%;padding:0}.hero{padding:0 0 12px}.hero-kicker,.hero-tagline{color:#006e9f}.hero-copy{color:#333}.workspace{display:block}.drawing-panel,.result-card{background:#fff;color:#000;border-color:#999;box-shadow:none}.drawing-panel{break-inside:avoid}.results-section{break-before:page;page-break-before:always}.results-grid{grid-template-columns:repeat(3,1fr)}.result-card strong{color:#000}.result-card p,.result-card span,.drawing-note{color:#444}}

.field-help{display:block;margin-top:7px;color:#7f91aa;font-size:.72rem;line-height:1.35;}