.hardware-media{background:#f8f6f0;border-radius:12px;margin:0;overflow:hidden}.hardware-media>a{display:block}.hardware-media img{object-fit:contain;box-sizing:border-box;background:#fff;width:100%;height:235px;padding:14px}.hardware-media figcaption{color:#53635a;margin:0;padding:9px 13px;font:11px/1.5 Arial,sans-serif}.hardware-media-tabs{background:#eae8df;gap:4px;padding:6px;display:flex}.hardware-media-tabs button{color:#4d6054;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;min-height:38px;font:12px Arial}.hardware-media-tabs button[aria-pressed=true]{color:#fff;background:#244b3b}.hardware-media-tabs button:disabled{opacity:.4}.hardware-detail-scene{touch-action:none;height:260px;position:relative}.hardware-detail-scene canvas{width:100%;height:100%;display:block}.hardware-detail-scene>span{text-align:center;pointer-events:none;letter-spacing:.04em;color:#4d5c51;font:10px Arial;position:absolute;bottom:10px;left:0;right:0}.hardware-detail-scene>p,.hardware-media-missing,.hardware-media-loading{color:#4b6051;align-content:center;gap:10px;min-height:140px;padding:30px 20px;font:13px/1.5 Arial;display:grid}.hardware-media.is-small img{height:95px}:is(.hardware-media a:focus-visible,.hardware-media button:focus-visible){outline-offset:-3px;outline:3px solid #b18a39}.hardware-media-loading{box-sizing:border-box;background:radial-gradient(at 50% 40%,#fff,#eeeae0);height:260px}.hardware-detail-scene{background:radial-gradient(at 50% 40%,#fff,#eeeae0)}.hardware-detail-scene canvas{cursor:grab;-webkit-user-select:none;user-select:none}.hardware-detail-scene canvas:active{cursor:grabbing}.hardware-detail-fallback{z-index:1;background:#f8f6f0;place-content:center;display:grid;position:absolute;inset:0}.hardware-detail-fallback img{height:170px}.hardware-detail-fallback p{padding:5px 15px;font:11px/1.5 Arial}.hardware-media.is-small .hardware-detail-scene,.hardware-media.is-small .hardware-media-loading{height:120px}