.detail-media{margin:22px 0}.detail-photo{display:flex;align-items:center;justify-content:center;background:#f1f3ec;border-radius:12px;min-height:210px}.detail-photo img{width:100%;max-height:320px;object-fit:contain;padding:20px}.photo-caption{font-size:11px;line-height:1.6;margin:9px 0 18px}.photo-caption a{text-decoration:underline}.reference-tag{position:absolute;bottom:9px;right:10px;background:#fffffff0;border-radius:4px;font-size:9px;padding:4px 6px}.viewer3d{border:1px solid #dce1d6;border-radius:12px;overflow:hidden;background:#edf1e5}.viewer-caption{font-size:9px;letter-spacing:1px;text-align:center;margin:16px 8px 0;line-height:1.5}.viewer-stage{height:300px;position:relative;perspective:850px;display:grid;place-items:center;touch-action:none;cursor:grab;overflow:hidden}.viewer-stage.dragging{cursor:grabbing}.viewer-rig{position:relative;width:260px;height:210px;transform-style:preserve-3d}.solid{position:absolute;left:50%;top:50%;width:var(--w);height:var(--h);margin-left:calc(var(--w)/-2);margin-top:calc(var(--h)/-2);transform-style:preserve-3d}.face{position:absolute;background:var(--case);backface-visibility:visible;display:grid;place-items:center}.face.front,.face.back{width:var(--w);height:var(--h)}.face.front{transform:translateZ(calc(var(--d)/2))}.face.back{transform:rotateY(180deg) translateZ(calc(var(--d)/2))}.face.left,.face.right{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2);filter:brightness(.65)}.face.left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}.face.right{transform:rotateY(90deg) translateZ(calc(var(--w)/2))}.face.top,.face.bottom{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2);filter:brightness(.8)}.face.top{transform:rotateX(90deg) translateZ(calc(var(--h)/2))}.face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--h)/2))}.solid.lid{transform:translateY(-45px) translateZ(-53px) rotateX(-12deg)}.solid.deck{transform:translateY(43px) translateZ(21px) rotateX(90deg)}.display3d{position:absolute;inset:8px 8px 13px;background:radial-gradient(ellipse at 75% 70%,#bddc73,#194a3d 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e5f4c4}.display3d strong{font-family:Manrope,sans-serif;letter-spacing:1px;font-size:28px}.display3d small{font-size:6px;margin-top:14px;letter-spacing:1px}.lid-logo{font-size:18px;color:#d9dfdf;font-weight:700}.keys3d{position:absolute;inset:14px 13px 55px;display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.keys3d i{border-radius:2px;background:#26312e;border:1px solid #6f7972}.trackpad3d{position:absolute;bottom:8px;width:64px;height:37px;border:1px solid #63716c;border-radius:3px}.ground3d{position:absolute;width:250px;height:45px;border-radius:50%;background:#12372c22;filter:blur(13px);bottom:16px}.viewer-tools{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;border-top:1px solid #dce1d6}.viewer-tools span{font-size:10px;margin-right:auto}.viewer-tools button{border:1px solid #cdd6c5;background:white;color:#194e42;border-radius:5px;padding:7px 10px;font-size:11px}#detail{width:min(760px,94vw)}@media(max-width:450px){.viewer-tools span{display:none}.viewer-tools{justify-content:center}.viewer-stage{height:270px}}