@font-face{font-family:Museum;src:url('/_next/static/media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2');font-display:swap}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100dvh;background:#090e15;color:#e9eef5;font:16px/1.5 Museum,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;flex-shrink:0}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,#viewer:focus-visible{outline:2px solid #78d5ff;outline-offset:4px}.showroom{position:fixed;inset:0;background:linear-gradient(180deg,#04080d15 45%,#020810c9 100%),url('/brand/hardwarecyclopedia/showroom.webp') center center/cover no-repeat;z-index:-1}.hw-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 30px;background:linear-gradient(#04070cbb,#04070c22);border-bottom:1px solid #b2c8e015}.hw-brand{display:flex;align-items:center;gap:14px}.hw-brand img{object-fit:contain}.hw-brand span{font-size:29px;line-height:1.1;font-weight:800;letter-spacing:.02em;white-space:nowrap}.hw-brand small{display:block;font-size:13px;font-weight:400;letter-spacing:.16em;color:#b8ccde;margin-top:8px}.hw-header>p{font-size:14px;color:#bfccd9;letter-spacing:.04em}.library{display:flex;gap:10px;align-items:center;color:#bccada;font-size:13px}.museum{display:grid;grid-template-columns:250px minmax(300px,1fr) 320px;grid-template-rows:minmax(520px,calc(100dvh - 285px)) 115px;gap:18px;padding:20px 24px 0;max-width:1920px;margin:auto}.categories{align-self:start;background:linear-gradient(90deg,#08111bc9,#07111a65);border:1px solid #7598bb22;border-radius:4px;padding:0 0 12px;backdrop-filter:blur(8px)}.categories nav{display:flex;flex-direction:column}.categories nav button{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:18px;text-align:left;padding:10px 20px;font-size:16px;color:#cad4dd;min-height:43px;border-radius:3px;transition:.2s}.categories nav button:hover{background:#14355288;color:white}.categories nav button.active{border-color:#75cbff;background:linear-gradient(90deg,#123452ea,#07507d80);color:white;box-shadow:inset 0 0 15px #009aff6b,0 0 12px #008fff,0 0 2px 1px #66d3ff}.categories nav svg{width:25px;height:25px}.search-label{display:flex;align-items:center;gap:8px;margin:12px 12px 7px;border:1px solid #8093aa44;padding:7px 9px;border-radius:5px}.search-label svg{width:17px}.search-label input{min-width:0;width:100%;background:transparent;border:0;color:white;outline:0;font-size:12px}.categories select{margin:0 12px;width:calc(100% - 24px);background:#0b1826c9;border:1px solid #8093aa44;border-radius:4px;padding:7px;color:#c9d6e2;font-size:12px}.catalog-count{font-size:11px;color:#a9bdce;margin:8px 14px 0}.exhibit{position:relative;min-width:0}.exhibit-title{text-align:center;position:absolute;inset:5% 0 auto;pointer-events:none;text-shadow:0 3px 10px #000}.exhibit-title h1{font-size:clamp(20px,2.1vw,34px);letter-spacing:-.025em;margin:0;color:#eee9de}.exhibit-title p{font-size:12px;line-height:1.4;margin:5px 0;color:#d4d0c7}.exhibit-name{position:absolute;bottom:2%;left:12%;right:12%;text-align:center;background:linear-gradient(#202327ed,#070b10f5);box-shadow:0 5px 18px #000b;border:1px solid #a5a5a566;border-radius:5px;padding:12px;pointer-events:none}.exhibit-name span{display:block;font-size:18px;font-weight:600}.exhibit-name strong{display:block;font-size:13px;font-weight:400;color:#d9e1e9}.exhibit-name small{display:block;color:#a5bed0;font-size:10px}.exhibit #viewer{position:absolute;inset:17% -3% 13%;touch-action:none}.exhibit canvas{display:block;width:100%;height:100%;touch-action:none}.load-status{position:absolute;left:10%;right:10%;top:48%;text-align:center;font-size:13px;color:#dcf4ff;pointer-events:none;text-shadow:0 2px 6px #000;background:#051324bb;border-radius:5px;padding:10px}.load-status[hidden]{display:none}.fallback-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 16px #0009)}.view-controls{position:absolute;right:0;bottom:5%;display:grid;gap:5px}.view-controls button{width:30px;height:30px;border:1px solid #7992ac66;border-radius:4px;background:#071521b0;font-size:19px}.view-controls button.active{border-color:#60c8ff;color:#71d9ff}.spec-panel{align-self:start;background:linear-gradient(145deg,#162330ee,#0a1117ed);border:1px solid #8c9db222;border-radius:7px;padding:24px;box-shadow:0 15px 30px #0003;backdrop-filter:blur(15px);max-height:100%;overflow:auto}.eyebrow{color:#42c3ff;font-size:16px}.spec-panel h2{font-size:25px;line-height:1.16;margin:5px 0 9px;overflow-wrap:anywhere}.spec-panel h3{font-size:17px;font-weight:400;margin:0 0 18px;color:#d1dfef}.spec-panel>p{font-size:14px;line-height:1.5;color:#c0cad7;margin:0 0 16px}dl{margin:0 0 22px;border-top:1px solid #8fa5bb22;padding-top:10px}dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #8fa5bb13;padding:7px 0;font-size:13px}dt{color:#b4c2d0}dd{margin:0;text-align:right;color:#f1f4f8;max-width:58%;overflow-wrap:anywhere}.neon-button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #69caff;background:linear-gradient(#163449aa,#08111ddd);box-shadow:inset 0 0 10px #1b91dd55,0 0 12px #249bdb66;padding:11px 6px;border-radius:4px;font-size:14px}.neon-button:hover{box-shadow:inset 0 0 18px #1b91ddaa,0 0 20px #249bdb99}.compare-button{display:block;width:100%;background:none;border:0;padding:12px 0 0;color:#b1c7d9;font-size:12px}.source-hint{display:block;font-size:10px;color:#8ba6bb;margin-top:10px}.model-selector{grid-column:1/3;display:flex;align-items:center;gap:12px;min-width:0}.arrow{background:none;border:0;color:#c4d8e9;font-size:26px;padding:8px}.model-track{display:flex;gap:12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3d647d transparent;padding:9px 5px;scroll-behavior:smooth;width:100%}.model-card{width:128px;min-width:128px;height:90px;position:relative;border:1px solid #b0c6d633;border-radius:4px;background:#0d141bc9;padding:7px;color:#dce7f0;transition:.2s}.model-card.active{border-color:#7ed6ff;box-shadow:inset 0 0 10px #088eff77,0 0 10px #009dff}.model-card img{width:100%;height:56px;object-fit:contain;filter:drop-shadow(0 3px 5px #000)}.model-card span{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-card .category-symbol{height:55px;display:grid;place-items:center;color:#80c9fa}.category-symbol svg{width:40px;height:40px}.hw-footer{display:flex;justify-content:space-between;gap:20px;padding:10px 30px 20px;max-width:1920px;margin:auto}.shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:18px;color:#afbecd;font-size:12px}.shortcuts kbd{font:12px Museum,Arial;border:1px solid #c6d8e7;border-radius:2px;padding:2px 4px;margin-right:6px}.shortcuts button{font-size:11px;border:0;background:none;color:#8ea6bb;padding:0}.hw-footer blockquote{text-align:right;color:#d3dbe3;font-size:14px;font-style:italic;margin:0}.hw-footer blockquote small{display:block;font-style:normal;margin-top:4px}dialog{color:#e9f1fa;background:#101e2bef;border:1px solid #4e8bad;border-radius:12px;width:min(840px,94vw);max-height:90dvh;overflow:auto;padding:28px;backdrop-filter:blur(20px)}dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}dialog h2{margin-top:0}dialog button{border:1px solid #5988a8;border-radius:4px;background:#13334b;padding:9px 14px}dialog .close{float:right}dialog label{display:block;margin:14px 0;font-size:13px}dialog input[type=range]{width:100%}dialog table{border-collapse:collapse;width:100%;font-size:13px}dialog th,dialog td{padding:12px;border-bottom:1px solid #73899c44;text-align:left}dialog a{color:#69d2ff}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#102737;border:1px solid #55b6e9;padding:13px 20px;border-radius:7px;z-index:100;font-size:13px}.empty{padding:16px;font-size:13px;color:#c1d1df}@media(min-width:1500px){.museum{grid-template-columns:260px minmax(400px,1fr) 350px}.spec-panel h2{font-size:29px}.categories nav button{padding:12px 22px}.spec-panel>p{font-size:16px}}@media(max-width:1150px){.hw-header>p{display:none}.museum{grid-template-columns:205px minmax(230px,1fr) 270px;gap:12px;padding:15px}.categories nav button{font-size:13px;padding:9px 14px;gap:12px}.spec-panel{padding:18px}.spec-panel h2{font-size:21px}.spec-panel>p{font-size:12px}.spec-panel dl>div{font-size:11px}.exhibit-title p{font-size:10px}.hw-footer blockquote{display:none}.hw-brand span{font-size:25px}.shortcuts{gap:12px}}@media(max-width:760px){.showroom{background-position:center top;background-size:auto 780px;background-color:#090e15}.hw-header{height:80px;padding:10px 16px;gap:10px}.hw-brand img{width:46px;height:46px}.hw-brand{gap:8px}.hw-brand span{font-size:20px}.hw-brand small{font-size:8px}.library{font-size:0}.library svg{width:24px}.museum{display:flex;flex-direction:column;padding:0 12px;gap:12px}.categories{background:#0b1521dc;padding:0;width:100%}.categories nav{flex-direction:row;overflow:auto;padding:5px}.categories nav button{min-width:max-content;padding:8px 12px;font-size:12px}.categories nav svg{width:20px}.categories .search-label{display:inline-flex;width:55%;margin:6px}.categories select{width:38%;margin:0;font-size:11px}.catalog-count{margin:0 12px 7px}.exhibit{height:400px;flex:none;order:2}.exhibit-title{top:0}.exhibit-title h1{font-size:24px}.exhibit-title p{font-size:10px}.exhibit #viewer{inset:13% 0 17%}.exhibit-name{bottom:0;left:10%;right:10%;padding:9px}.exhibit-name span{font-size:16px}.exhibit-name strong{font-size:11px}.model-selector{order:3;height:110px;gap:2px}.model-card{width:110px;min-width:110px;height:83px}.arrow{font-size:20px;padding:4px}.spec-panel{order:4;max-height:none;width:100%;padding:22px}.spec-panel h2{font-size:27px}.spec-panel>p{font-size:14px}.spec-panel dl>div{font-size:13px}.hw-footer{padding:20px 16px}.shortcuts span{display:none}.shortcuts span:nth-child(3){display:block}.shortcuts{justify-content:space-between;width:100%}.view-controls{right:0;bottom:22%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.ambient-controls{display:flex;align-items:center;gap:9px}.ambient-controls button{border:1px solid #7dacc04a;background:#102332a0;border-radius:5px;width:32px;height:30px}.ambient-controls input{width:65px;accent-color:#4dbaff}.quality-option{display:block;width:100%;text-align:left;margin:12px 0}.quality-option small{display:block;color:#b9cede}.quality-option[aria-pressed=true]{border-color:#5bc8ff;box-shadow:0 0 10px #29adff55}.brand-logo{max-width:95px;max-height:26px;object-fit:contain;display:block;margin:8px 0}.categories #era{margin-top:7px}.compare-viewers{display:grid;grid-template-columns:1fr 1fr;gap:15px}.compare-viewers>div{height:230px;border:1px solid #46698366;border-radius:8px;background:#071522}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.exhibit canvas{transition:opacity .25s}.exhibit.loading canvas{opacity:.3}@media(max-width:760px){.ambient-controls{gap:5px}.ambient-controls input{width:45px}.hw-brand span{font-size:16px}.hw-brand small{font-size:7px}.hw-brand img{width:36px}.hw-header{padding-inline:10px;gap:6px}.library svg{width:18px}.ambient-controls button{width:26px}.categories #era{width:calc(100% - 12px);margin:4px 6px 0}}dialog textarea,dialog input[type=number]{display:block;width:100%;background:#06111e;color:white;border:1px solid #55768d;border-radius:4px;padding:9px;margin-top:5px} .brand-logo{width:80px;height:24px}.exhibit-name{background:linear-gradient(130deg,#24282bf2,#050a0ef5)}.model-card:hover{border-color:#87b6cc;transform:translateY(-2px)}.spec-panel{animation:panelIn .5s ease}@keyframes panelIn{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}