.hw{--ink:#dceaf9;--muted:#a7bdd2;background:#101c2c;color:var(--ink);border:1px solid #29405a;border-radius:26px;padding:clamp(18px,4vw,48px);margin:20px 0 45px;box-shadow:0 25px 80px #14243c20}.hw-intro{display:flex;justify-content:space-between;gap:30px;align-items:center}.hw-kicker{font:700 10px system-ui;letter-spacing:2px;color:#76e8cf}.hw h2{font-size:clamp(32px,5vw,62px);line-height:1.08;letter-spacing:-2px;margin:18px 0}.hw h2 em{font-style:normal;color:#78e9cf}.hw p{line-height:1.7;color:var(--muted);max-width:850px}.hw-chip{width:180px;height:180px;flex-shrink:0;border:1px solid #46726d;border-radius:35px;display:grid;place-content:center;text-align:center;background:repeating-linear-gradient(90deg,#172c3f 0 18px,#1b3648 19px 20px);box-shadow:0 0 65px #6deac51c,inset 0 0 30px #6deac51c;transform:rotate(-8deg)}.hw-chip span{font-size:70px;color:#8aefd7}.hw-chip small{font:9px monospace}.hw-top{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:26px 0;color:#83d9c7;font-size:12px}.hw .btn{border:1px solid #36516d;background:#20344b;color:#e6f1ff;border-radius:12px;padding:12px 18px;cursor:pointer;font-weight:650}.hw .btn:hover,.hw .btn[aria-pressed=true]{background:#71e2c8;color:#092a27;border-color:#71e2c8}.hw .btn--primary{background:#71e2c8;color:#092a27}.hw .btn:disabled{opacity:.45;cursor:not-allowed}.hw :focus-visible{outline:3px solid #83e8ef;outline-offset:4px}.hw-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.hw-spec{border:1px solid #2a4159;background:#15273b;border-radius:14px;padding:18px;overflow-wrap:anywhere}.hw-spec small{display:block;color:#91abc4;font-size:11px;margin-bottom:10px}.hw-spec strong{font-size:15px}.hw-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 20px}.hw-panel{border:1px solid #30465e;border-radius:20px;padding:clamp(16px,3vw,28px);background:#142337}.hw h3{font-size:25px;margin:12px 0}.hw-section{display:flex;align-items:center;gap:24px;justify-content:space-between}.hw-section button{flex-shrink:0}.hw canvas{display:block;width:100%;background:#0a1423;border-radius:13px;margin:20px 0;max-height:440px;object-fit:contain}.hw-metrics{background:#0d1b2b;padding:18px;border-radius:12px;margin:18px 0;font:14px/1.8 ui-monospace,monospace;white-space:pre-line;overflow-wrap:anywhere}.hw label{display:block;margin:16px 0 8px}.hw select{display:block;width:100%;max-width:440px;box-sizing:border-box;border:1px solid #49637e;background:#20344b;color:white;padding:12px;border-radius:10px;margin:0 0 16px}.hw-actions,.hw-drivers{display:flex;gap:10px;flex-wrap:wrap}.hw-drivers a{text-decoration:none}.hw meter{width:100%;height:25px}.hw audio{max-width:100%}.hw-log{height:210px;overflow:auto;background:#091421;border:1px solid #36516d;border-radius:12px;padding:16px;color:#9fe5d7;white-space:pre-wrap}.hw-keys{display:flex;gap:5px;flex-wrap:wrap;margin:16px 0;min-height:38px}.hw-note{padding:8px;border:1px solid #7ae5cf;border-radius:7px;background:#214f50;color:#a8ffed}.hw-footer{margin-top:24px;font-size:12px}.hw-error{padding:18px;border:2px solid #ff6b80;border-radius:12px;color:#ffdce3;background:#651d30;margin:18px 0}.hw [hidden]{display:none!important}#hwStatus{color:#b0deed;font-size:13px;min-height:24px}@media(max-width:800px){.hw-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-chip{display:none}.hw-section{display:block}.hw-top{align-items:start;flex-direction:column}.hw h2{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){.hw *{scroll-behavior:auto}}
.hw-identify h1{font-size:clamp(28px,4.5vw,50px);letter-spacing:-1px;margin:12px 0}.hw-identify code{display:block;overflow-wrap:anywhere;font-size:12px;color:#b0c8d9;margin-top:12px}.hw-identify summary,.hw-advanced summary{cursor:pointer;color:#9bbbcf;font-size:12px}.hw-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-spec{padding:13px 16px;display:flex;justify-content:space-between;align-items:center;gap:18px}.hw-spec small{margin:0;flex:1}.hw-spec strong{font-size:13px;text-align:end;flex:1}.hw-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.hw-result-grid>div{border:1px solid #36536b;background:#0c1e2e;border-radius:14px;padding:20px}.hw-result-grid small{color:#a5becf;display:block}.hw-result-grid strong{display:block;font:700 clamp(24px,4vw,44px) system-ui;color:#8bead4;margin-top:10px}.hw progress{width:100%;height:8px;accent-color:#77e5cc;margin-top:20px}.hw-muted{font-size:12px}.hw-advanced{border-top:1px solid #344d63;padding-top:16px;margin:18px 0}.hw-advanced:not([open]) canvas{display:none}.hw-panel[data-panel=gpu]{scroll-margin-top:100px}@media(max-width:650px){.hw-specs{grid-template-columns:1fr}.hw-result-grid{gap:6px}.hw-result-grid>div{padding:12px 8px}.hw-result-grid small{font-size:10px}}

.lab-hero h1,.lab-hero>p{display:none}.lab-hero{margin:16px 0!important}.hw-specs .hw-spec:nth-child(2),.hw-specs .hw-spec:nth-child(4),.hw-specs .hw-spec:nth-child(8),.hw-specs .hw-spec:nth-child(9){display:none}.hw-identify p{margin-bottom:8px}.hw-top{margin:16px 0}.hw{padding-top:26px}.hw-specs{margin:16px 0}.hw-tabs{margin:18px 0}

.lab-hero{padding:5px 0!important}.hw-identify>p{font-size:13px;margin:8px 0}.hw-identify .hw-result-grid{margin-top:18px}.hw-identify .hw-result-grid>div{padding:15px 20px}.hw-identify h1{font-size:clamp(28px,4vw,44px)}