.device-inspection{box-sizing:border-box;width:min(960px,100vw);height:min(850px,100dvh);max-width:100vw;max-height:100dvh;margin:auto;padding:12px;border:0;border-radius:14px;color:#123d44;background:#f8faf6}.device-inspection[open]{display:flex;flex-direction:column;gap:8px}.device-inspection::backdrop{background:#06242dc9}.device-inspection header,.inspection-select,.device-inspection nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.device-inspection header{justify-content:space-between}.device-inspection button,.device-inspection select{min-height:44px;font:inherit;padding:8px 14px;border:1px solid #9abdb9;border-radius:10px;background:#fff;color:#123d44}.device-inspection button[aria-pressed=true]{background:#baf4e9;border:2px solid #008e82}.inspection-select select{min-width:0;flex:1}.inspection-stage{flex:1;min-height:80px;overflow:hidden;border-radius:10px;background:#dbe3e1}.inspection-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-3px}.device-inspection nav{justify-content:center;flex-wrap:nowrap}.device-inspection nav button{flex:1;padding:8px}.inspection-help,.inspection-status{margin:0;text-align:center;font-size:12px;line-height:1.4}.inspection-status{min-height:2.8em}@media(max-width:600px){.device-inspection{width:100vw;height:100dvh;border-radius:0;padding:8px}}
