/* Customer shell: independent of PCB image/map coordinate transforms. */
:root{--mint:#79dfc1;--ink:#edf4f2;--muted:#9eafac;--line:#ffffff1c;color-scheme:dark}
[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:#0c1215;color:var(--ink);font:15px/1.5 'DM Sans',system-ui,sans-serif;min-width:320px}a{color:var(--mint)}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.topbar{height:64px;background:#0c1215;border-bottom:1px solid var(--line);padding:0 clamp(16px,4vw,56px);display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar nav{display:flex;gap:24px}.topbar nav a{font-size:13px;color:#d5e3df;text-decoration:none}.brand{font-size:20px;letter-spacing:.06em;text-decoration:none;color:var(--ink)}.brand b span{color:var(--mint)}main{max-width:1440px;margin:auto;padding:30px clamp(16px,4vw,56px)}
.hero{margin:16px 0 26px}.hero h1{font:600 clamp(32px,4vw,52px)/1.08 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.04em;margin:12px 0}.hero p{color:var(--muted);margin:12px 0}.hero span,.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--mint)}
.filter-panel{grid-template-columns:minmax(160px,1fr) minmax(155px,240px) auto;background:#141d21;border:1px solid var(--line);border-radius:6px}.filter-panel input,.filter-panel select{background:#0c1316;height:46px;font-size:14px}.filter-panel button{height:46px}.catalog-meta{font-size:12px;letter-spacing:0;margin:20px 0}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:18px}.manufacturer-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.manufacturer-card{padding:25px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;background:#11191d;transition:background .15s}.manufacturer-card:hover{background:#1a292c}.manufacturer-card h2{color:var(--ink);font-size:22px;margin:0 0 8px;font-weight:500}.manufacturer-card span{font-size:12px;color:var(--muted)}.brand-card{background:#131c20;border:1px solid var(--line);border-radius:6px}.brand-card:hover{transform:none;box-shadow:none}.card-preview{background:radial-gradient(ellipse,#293b3b,#141e22);aspect-ratio:1.6}.card-preview:after{display:none}.card-board-pair{height:100%;display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:14px}.card-board-pair figure{margin:0;min-height:0;display:flex;flex-direction:column;align-items:center}.card-preview .board-preview__image{height:calc(100% - 20px);width:100%;object-fit:contain;opacity:1;filter:none}.card-board-pair figcaption{font-size:9px;color:#a6b8b3;margin-top:6px;letter-spacing:.1em}.card-copy h2{font-size:19px;line-height:1.3;overflow-wrap:anywhere}.card-index{font-size:10px;color:var(--mint)}.technical-summary{display:flex;flex-wrap:wrap;gap:10px 24px;margin:16px 0}.technical-summary div{min-width:70px;max-width:100%}.technical-summary dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.technical-summary dd{margin:2px 0 0;font-size:12px;color:#e1ece8;overflow-wrap:anywhere}.card-copy .technical-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.open-card{color:var(--mint);border-top:1px solid var(--line);font-size:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:28px 0}.pagination button,.empty-results button{padding:10px 16px;color:var(--ink);background:#1a272c;border:1px solid var(--line);border-radius:4px}.pagination button:disabled{opacity:.35;cursor:default}.catalog-secondary{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.catalog-secondary a{color:var(--muted)}.empty-results{grid-column:1/-1;padding:30px 0;color:var(--muted);max-width:650px}.empty-results button{display:block;margin-top:18px}
.home-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:650px}.home-hero h1{font:600 clamp(42px,5vw,72px)/1.02 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.05em;margin:22px 0}.home-hero h1 em{font-style:normal;color:var(--mint)}.home-hero p{font-size:18px;max-width:430px;color:#adbfba}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button-primary,.button-secondary{display:inline-block;padding:13px 20px;border:1px solid #88dbc34d;border-radius:4px;text-decoration:none;font-weight:600;font-size:14px}.button-primary{background:var(--mint);color:#0a2420}.button-secondary{background:transparent;color:var(--ink)}.home-demo{position:relative;min-height:540px;background:radial-gradient(ellipse at 50% 42%,#31453f,#121d21 65%);border:1px solid var(--line);border-radius:10px;overflow:hidden}.home-demo>img{height:410px;width:100%;object-fit:contain;padding:30px;filter:drop-shadow(0 16px 16px #0008)}.demo-caption{padding:18px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center}.demo-caption strong{font-weight:500}.demo-caption small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.home-demo iframe{width:100%;height:620px;border:0;display:block}.home-workflow{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:28px 0;color:#aabdb6;font-size:14px}.home-workflow b{color:var(--mint);font-weight:400;margin-right:12px}
/* Inspection layout: compact headers; original board frame remains untouched. */
.customer-viewer main{padding-top:12px}.customer-viewer .intro{margin:12px 0 16px;padding:0;min-height:0;display:block}.customer-viewer .intro h1{font-size:clamp(24px,3vw,36px);line-height:1.15;margin:8px 0}.customer-viewer #introDescription,.customer-viewer #introNumber{display:none}.customer-viewer .key-record-navigation{margin:0;padding:6px 0;background:#0c1215;box-shadow:none;border-bottom:1px solid var(--line)}.customer-viewer .key-record-navigation a{background:none;border:0;padding:10px 0;font-size:12px}.customer-viewer .key-identity-summary{margin:6px 0;font-size:12px}.customer-viewer .board-card{background:#121c20;border:1px solid var(--line);box-shadow:none;border-radius:8px}.customer-viewer .board-toolbar{padding:12px 18px;background:#162327}.customer-viewer .board-stage{background:radial-gradient(ellipse,#253b32,#101b1d 75%)}.customer-viewer .component-readout{background:#111c20;padding:22px;min-height:0}.customer-viewer .readout-icon{font-size:23px;width:40px;height:40px;margin-bottom:12px}.customer-viewer .readout-tip{display:none}.customer-viewer .readout-kicker{font-size:10px}.customer-viewer .inspection-note{margin-top:20px}.customer-viewer #selectedDescription,.customer-viewer #selectedCheck{font-size:13px;line-height:1.55}.customer-viewer .pcb-legend{border:0;border-top:1px solid var(--line);padding:16px 18px;background:#101a1e}.customer-viewer .pcb-legend h2{font-size:10px;margin:0 0 10px}.customer-viewer .pcb-legend-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 16px}.customer-viewer .pcb-legend-item{font-size:11px}.customer-viewer #pcbLegendIntro{display:none}.technical-notes{font-size:12px;color:var(--muted);padding:12px 18px;border-top:1px solid var(--line)}.technical-notes summary{cursor:pointer;color:#d3e4de}.technical-notes p{max-width:85ch;line-height:1.5}.compatibility-panel{font-size:12px;color:var(--muted);margin:12px 0 18px}.compatibility-panel summary{cursor:pointer;color:#d5e5df}.compatibility-panel p{max-width:90ch}.compatibility-panel a{display:inline-block;margin:0 16px 8px 0}.customer-viewer .board-footer{padding:8px 18px;min-height:0;font-size:9px}.customer-viewer:not(.authoring-mode) .calibration-actions{display:none!important}.customer-viewer .zoom-controls{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;border-top:1px solid var(--line);background:#121e22}.customer-viewer .zoom-controls button{min-width:40px;height:36px;border:1px solid var(--line);border-radius:4px;background:#1b2b30;color:var(--ink)}.customer-viewer #zoomSlider{width:min(300px,35vw);accent-color:var(--mint)}.customer-viewer #zoomValue{font-size:12px;width:45px;text-align:center}.customer-viewer #exteriorView{font-size:11px;padding:8px 12px;background:#1b2b30;border:1px solid var(--line);color:var(--ink);border-radius:4px}.mobile-details-toggle{display:none}.customer-viewer .first-visit-panel{display:none!important}.customer-viewer .topbar #headerLine{max-width:40vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.embed-view .topbar,.embed-view .intro,.embed-view .key-record-navigation,.embed-view .key-identity-summary,.embed-view .compatibility-panel,.embed-view .pcb-legend,.embed-view .technical-notes,.embed-view .board-footer{display:none!important}.embed-view main{padding:0}.embed-view .inspection-workspace{grid-template-columns:1fr}.embed-view .component-readout{display:none}.embed-view .board-stage{height:480px;min-height:0}.home-mode body>main,.home-mode body>.topbar{visibility:hidden}.home-mode.home-ready body>main,.home-mode.home-ready body>.topbar{visibility:visible}
@media(max-width:760px){.topbar{height:58px}.topbar nav{gap:16px}.topbar nav a{font-size:12px}.home-hero{grid-template-columns:1fr;gap:24px;min-height:0}.home-hero h1{font-size:44px}.home-hero p{font-size:16px}.home-demo{min-height:420px}.home-demo>img{height:330px}.demo-caption{padding:14px;flex-wrap:wrap}.home-workflow{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:12px;margin-top:26px}.filter-panel{grid-template-columns:1fr auto}.search-field{grid-column:1/-1}.catalog-grid{grid-template-columns:1fr 1fr;gap:12px}.manufacturer-grid{gap:0;grid-template-columns:1fr 1fr}.manufacturer-card{padding:20px 14px}.manufacturer-card h2{font-size:18px}.manufacturer-card span{font-size:11px}.catalog-grid:not(.manufacturer-grid){grid-template-columns:1fr}.hero{margin-top:4px}.customer-viewer .topbar #headerLine{display:none}.customer-viewer .top-actions{gap:8px}.customer-viewer .catalog-link{font-size:10px;padding:8px}.customer-viewer .inspection-workspace{grid-template-columns:1fr}.customer-viewer .board-stage{height:52svh;min-height:300px;max-height:490px}.customer-viewer .component-readout{position:sticky;bottom:0;z-index:35;border-top:1px solid var(--line);padding:12px 16px;max-height:34svh;overflow:auto;min-height:84px;box-shadow:0 -5px 20px #0004}.customer-viewer .readout-icon,.customer-viewer .readout-kicker{display:none}.customer-viewer #selectedTitle{font-size:15px;padding-right:80px;display:block}.customer-viewer #selectedDescription{margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.customer-viewer .component-readout:not(.is-expanded) .inspection-note,.customer-viewer .component-readout:not(.is-expanded) .component-basics-link{display:none}.customer-viewer .component-readout.is-expanded #selectedDescription{display:block}.mobile-details-toggle{display:block;position:absolute;right:14px;top:10px;font-size:11px;border:1px solid var(--line);padding:5px 8px;background:#20332f;color:var(--ink)}.customer-viewer .pcb-legend-items{grid-template-columns:1fr 1fr;gap:10px}.customer-viewer .pcb-legend-item{font-size:10px}.customer-viewer .board-toolbar{padding:10px 12px}.customer-viewer #activeComponent{font-size:11px}.customer-viewer .key-record-navigation a{font-size:10px}.technical-summary{gap:8px 18px}.customer-viewer .zoom-controls{gap:8px}.customer-viewer #zoomSlider{flex:1;min-width:60px}.home-demo iframe{height:560px}}
.customer-viewer .pcb-legend-item{border:0;background:transparent;padding:3px 0}.customer-viewer .board-toolbar{flex-direction:row;align-items:center}.customer-viewer .toolbar-actions{width:auto}.customer-viewer .topbar .brand>span{width:22px;height:22px}.customer-viewer .inspection-note{border:0;padding:0;background:none}.customer-viewer #introLabel{font-size:10px}.manufacturer-card:hover span{color:var(--mint)}
.customer-viewer .board-card{scroll-margin-top:58px}.home-demo iframe{height:880px}.embed-view .pcb-legend{display:block!important}.embed-view .component-readout{display:block;max-height:130px;overflow:auto;padding:12px 18px}.embed-view .component-readout .readout-icon,.embed-view .component-readout .readout-kicker,.embed-view .component-readout .inspection-note{display:none}.embed-view .board-stage{height:440px}.embed-view #selectedTitle{font-size:14px}.embed-view #selectedDescription{font-size:12px;margin:6px 0}
.customer-viewer .zoom-controls :disabled{opacity:.4;cursor:default}
.embed-view .technical-notes{display:block!important}
@media(max-width:420px){.customer-viewer .top-actions .catalog-link:first-child{display:none}.customer-viewer .topbar{gap:8px}.customer-viewer .top-actions{flex-shrink:0}.customer-viewer .topbar .brand{font-size:17px}}
.customer-catalog .card-preview{height:210px;min-height:210px;aspect-ratio:auto}.customer-catalog .card-board-pair{position:absolute;inset:16px;height:auto;padding:0;grid-template-rows:minmax(0,1fr)}.customer-catalog .card-preview.is-ready .card-board{display:block!important;height:100%;min-height:0;border:0;background:none;border-radius:0}.customer-catalog .card-preview .board-preview__image{position:absolute;left:0;top:20px;width:100%;height:calc(100% - 20px);padding:0;object-fit:contain;transform:none}.customer-catalog .card-board figcaption{top:0;left:0;background:none;padding:0;margin:0;color:var(--muted)}
@media(max-width:760px){.customer-viewer.mobile-inspection-active:not(.embed-view) .inspection-workspace{padding-bottom:104px}.customer-viewer.mobile-inspection-active:not(.embed-view) .component-readout{position:fixed;left:16px;right:16px;bottom:0;width:auto;z-index:55;max-height:32svh;border:1px solid #42645b;border-radius:8px 8px 0 0;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0007}.customer-viewer.mobile-inspection-active:not(.embed-view) .component-readout:not(.is-expanded){max-height:104px}.customer-viewer.mobile-inspection-active .board-stage{scroll-margin-bottom:112px}}
@media(max-width:760px){.filter-panel .search-field{grid-column:1/-1}.customer-viewer .board-toolbar>div:first-child{min-width:0}.customer-viewer #activeComponent{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-viewer .pcb-legend-glyph{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}