.hw-simulator{--hw-ink:#404141;--hw-purple:#8570ac;max-width:440px;margin-inline:auto;color:#55515e;text-align:center;font-family:inherit}
.hw-device-wrap{padding:0 4px 0 27px;isolation:isolate}
.hw-device{position:relative;container-type:inline-size;width:min(100%,380px);aspect-ratio:610/700;margin-inline:auto;transform-origin:52% 65%;-webkit-tap-highlight-color:transparent}
.hw-photo-viewport{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:30px}
.hw-reference-photo{position:absolute;max-width:none!important;width:123.076923%;height:auto!important;left:-11.538462%;top:-5.865385%;user-select:none;-webkit-user-drag:none}
.hw-lcd{position:absolute;left:23.56%;top:17.45%;width:49.42%;height:20.7%;box-sizing:border-box;padding:2.4% 2.1% 1.6%;border:1px solid #5a635d;border-radius:6%;overflow:hidden;background:linear-gradient(112deg,#85938a 0%,#9ba79d 45%,#8a978b 85%,#a8b1a4 100%);box-shadow:inset 2px 3px 7px #27382d70,inset -2px -2px 3px #d2dac340;color:#1b261b;pointer-events:none}
.hw-lcd:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#ffffff12,transparent 35%,#ffffff03);box-shadow:inset 0 0 8px #21312444;pointer-events:none}
.hw-lcd-top{height:23%;display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:3%}
.hw-channel-number{display:inline-flex;align-items:center;gap:4px;height:100%;flex:none;color:#172219}
.hw-channel-label{display:block;width:auto;height:75%;opacity:.07}
.hw-channel-digits{display:block;width:auto;height:100%;overflow:visible}
.hw-lcd-symbols{display:flex;align-items:center;gap:clamp(3px,2cqw,7px);height:100%}
.hw-lcd-lock,.hw-lcd-bluetooth{display:inline-flex;height:100%;opacity:.07}
.hw-lcd-lock svg,.hw-lcd-bluetooth svg{height:100%;width:auto;max-height:17px}
.hw-icon-on{opacity:.86!important}
.hw-battery{height:10px;min-width:clamp(16px,7.7cqw,22px);display:inline-flex;align-items:stretch;gap:2px;padding:2px;border:1.5px solid currentColor;border-radius:1px;box-sizing:content-box;position:relative;opacity:.07}
.hw-battery:after{content:"";position:absolute;width:2px;height:6px;right:-4px;top:4px;background:currentColor}
.hw-battery i{display:block;flex:1;background:currentColor}
.hw-digits{display:block;width:100%;height:73%;overflow:visible}
.hw-segment{fill:#243023;opacity:.07}
.hw-segment-on{fill:#172219;opacity:.94}
.hw-silicone-button{position:absolute;left:33.17%;top:52.8%;width:29.42%;height:25.4%;border-radius:50%;border:0;margin:0;padding:0;background:transparent;cursor:pointer;touch-action:manipulation;box-shadow:0 0 0 0 #bda9e000;transition:box-shadow .14s ease,background .14s ease;outline-offset:6px}
.hw-silicone-button:hover:not(:disabled){background:#e3d4ff12;box-shadow:0 0 0 5px #c4a7e51a,0 0 23px #c4a7e51a}
.hw-silicone-button:active:not(:disabled){background:#5e43991a;box-shadow:inset 0 4px 15px #4e3f6144,0 0 0 4px #c5aff41a}
.hw-silicone-button:focus-visible,.hw-side-button:focus-visible{outline:2px solid #6c4e96}
.hw-silicone-button:disabled{cursor:not-allowed}
.hw-side-button{position:absolute;left:-8%;width:18%;height:11%;min-height:44px;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:space-between;gap:7px;color:#797080;cursor:pointer;touch-action:manipulation;outline-offset:2px;border-radius:8px}
.hw-side-button>span{font-family:inherit;font-weight:500;font-size:11px;line-height:1.2;letter-spacing:.08em;padding:5px 3px;border-radius:4px;background:#faf8f4d9;white-space:nowrap;transition:color .15s}
.hw-side-button>i{width:12%;min-width:7px;height:55%;flex-shrink:0;display:block;border-radius:55% 2px 2px 55%;background:linear-gradient(90deg,#b8a4d6,#d7c7ee 65%,#b099d8);box-shadow:-1px 0 2px #b7a5ce77,inset 1px 0 1px #eee4ff;transition:transform .1s ease}
.hw-side-channel{top:18.8%}.hw-side-lock{top:32.1%}.hw-side-bluetooth{top:45.4%}
.hw-side-button:hover:not(:disabled)>span{color:#5a3681;background:#ede4f6}
.hw-side-button:active:not(:disabled)>i{transform:translateX(2px);filter:brightness(.92)}
.hw-side-active>span{color:#74539a}
.hw-side-button:disabled{opacity:.5;cursor:not-allowed}
.hw-led{position:absolute;left:49%;top:44%;width:2.1%;aspect-ratio:1;border-radius:50%;background:#af9abd33;box-shadow:inset 0 1px 2px #79688444;pointer-events:none}
.hw-flash .hw-led{background:#ffa75b;box-shadow:0 0 5px #ffad60,0 0 15px #ffad60,0 0 28px #ffad6088;animation:hw-led-flash .8s ease-in-out 3}
.hw-flash .hw-lcd{animation:hw-screen-flash .5s ease-in-out 3}
.hw-vibrate{animation:hw-vibration .25s linear 1}
.hw-off .hw-lcd{filter:saturate(.65)}
.hw-reading-caption{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:-11px;position:relative;font-size:12px;line-height:1.6}
.hw-reading-caption strong{font-size:15px;font-weight:600;color:#53455f}
.hw-reading-channel{font-variant-numeric:tabular-nums;color:#7e7388}
.hw-step-label{padding:2px 7px;border-radius:4px;background:#ede6f3;color:#7d6493;font-size:11px}
.hw-status-strip{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;font-size:11px;color:#8e8695;margin:10px 0 0;line-height:1.5}
.hw-status{display:inline-flex;align-items:center;gap:5px}
.hw-status i{width:5px;height:5px;border-radius:50%;background:#aaa3af}
.hw-status-on i{background:#89a798}
.hw-limit-label{color:#ba7c43!important}
.hw-help{margin:11px auto 0;max-width:320px;padding:0 12px;font-size:11px;line-height:1.8;color:#928897}
.hw-empty{padding:50px 20px;text-align:center;color:#928897}
.hw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes hw-led-flash{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes hw-screen-flash{0%,100%{filter:none}50%{filter:brightness(1.17)}}
@keyframes hw-vibration{0%,100%{transform:translate(0,0)}20%,60%{transform:translate(-2px,1px) rotate(-.35deg)}40%,80%{transform:translate(2px,-1px) rotate(.35deg)}}
@media(max-width:480px){.hw-device-wrap{padding-left:30px;padding-right:9px}.hw-device{max-width:350px}.hw-lcd-symbols{gap:5px}.hw-battery{min-width:19px;height:8px;padding:1.5px}.hw-battery:after{height:5px;top:3px}.hw-reading-caption{margin-top:-8px}.hw-side-button>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hw-device,.hw-led,.hw-lcd{animation:none!important}.hw-silicone-button,.hw-side-button>i{transition:none}}

/* All seven photos share a registered square canvas and the same geometry. */
.hw-side-channel>i,.hw-side-lock>i{visibility:hidden}
.hw-side-bluetooth>i{background:linear-gradient(90deg,var(--hw-shell-shadow),var(--hw-shell) 70%);box-shadow:-1px 0 2px #0002,inset 1px 0 1px #fff6}
.hw-unknown-photo{display:grid;place-items:center;width:100%;height:100%}.hw-unknown-photo .device-color-icon{width:84%;height:86%}