/* Preserve each listing image's complete aspect ratio. */
.media{background:#090909}.media img{object-fit:contain!important;background:#090909}

/* Listing media gets a close-inspection affordance without changing the card's stable image frame. */
.listing-media-zoom{position:relative;overflow:hidden;cursor:zoom-in}.listing-media-zoom img{transform-origin:var(--zoom-x,50%) var(--zoom-y,50%);transition:transform .22s ease}.listing-media-zoom:hover img,.listing-media-zoom:focus-visible img{transform:scale(1.55)}.listing-media-zoom:focus-visible{outline:2px solid #f3cf58;outline-offset:3px}.image-zoom-hint{position:absolute;z-index:4;left:14px;bottom:12px;padding:5px 8px;border:1px solid #d4d9de;background:#0b0d0ed9;color:#f7f4ec;font:800 9px "DM Mono",monospace;letter-spacing:.5px;opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease}.listing-media-zoom:hover .image-zoom-hint,.listing-media-zoom:focus-visible .image-zoom-hint{opacity:1;transform:translateY(0)}.image-zoom-dialog{width:min(1100px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:auto;background:#0b0c0e;border:1px solid #6f7781}.image-zoom-dialog #modal-content{max-width:100%}.listing-image-zoom-viewer{display:grid;gap:14px}.listing-image-zoom-stage{display:grid;place-items:center;min-height:clamp(300px,68dvh,760px);overflow:hidden;border:1px solid #464d55;background:#030405;cursor:zoom-in}.listing-image-zoom-stage img{display:block;max-width:100%;max-height:68dvh;object-fit:contain;transition:transform .2s ease;transform-origin:center}.listing-image-zoom-stage:hover img{transform:scale(1.8)}.listing-zoom-thumbnails{display:flex;gap:9px;justify-content:center;overflow-x:auto;padding:2px}.listing-zoom-thumbnails button{flex:0 0 auto;width:76px;height:62px;padding:3px;border:1px solid #525a63;background:#11151a;cursor:pointer}.listing-zoom-thumbnails button.active,.listing-zoom-thumbnails button:hover{border-color:#f3cf58}.listing-zoom-thumbnails img{display:block;width:100%;height:100%;object-fit:contain;background:#050607}@media (hover:none){.image-zoom-hint{opacity:1;transform:none}.listing-media-zoom:hover img{transform:none}.listing-image-zoom-stage:active img{transform:scale(1.55)}}
.listing-image-zoom-stage{position:relative}.listing-image-zoom-stage:hover img{transform:none}.listing-image-magnifier{position:absolute;z-index:5;width:220px;height:220px;border:3px solid #f3cf58;border-radius:50%;pointer-events:none;background-color:#050607;background-repeat:no-repeat;box-shadow:0 0 0 2px #12161b,0 14px 32px #000c,inset 0 0 22px #fff3}.listing-image-magnifier[hidden]{display:none}.listing-zoom-instructions{margin:0;text-align:center;color:#c9d2d8;font:700 12px "DM Mono",monospace}.listing-zoom-instructions kbd,.listing-zoom-instructions output{display:inline-block;min-width:24px;padding:2px 6px;border:1px solid #6a7380;background:#171c22;color:#f4d467;font:800 11px "DM Mono",monospace}.listing-zoom-instructions output{min-width:48px;color:#fff}@media (max-width:640px){.listing-image-magnifier{width:150px;height:150px}.listing-zoom-instructions{font-size:10px}}
.image-zoom-hint{display:grid!important;place-items:center;width:34px;height:34px;padding:0!important;border:1px solid #f3cf58!important;border-radius:50%;background:#101419ed!important;font-size:0!important;box-shadow:0 5px 14px #0009}.image-zoom-hint::before{content:"⌕";color:#f8df78;font:700 22px/1 Arial,sans-serif}.listing-image-magnifier{inset:0 auto auto 0}.listing-image-magnifier::after{content:"";position:absolute;right:-15px;bottom:9px;width:22px;height:7px;border:2px solid #f3cf58;border-left:0;border-radius:0 8px 8px 0;background:#111820;box-shadow:0 2px 6px #0008;transform:rotate(45deg);transform-origin:left center}
.listing-image-zoom-stage img,.listing-image-magnifier{filter:var(--inspection-filter,none)}.listing-inspection-filters{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px;border:1px solid #39414a;background:#11161b}.listing-inspection-filters span{margin-right:3px;color:#c9d2d8;font:800 10px/1 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.listing-inspection-filters button{border:1px solid #56616c;padding:6px 9px;background:#171d24;color:#dbe4e9;font:700 10px/1 "DM Mono",monospace;cursor:pointer}.listing-inspection-filters button:hover,.listing-inspection-filters button.active{border-color:#f3cf58;background:#312b18;color:#f8df78}@media(max-width:640px){.listing-inspection-filters{gap:5px}.listing-inspection-filters span{width:100%}.listing-inspection-filters button{padding:6px 7px;font-size:9px}}
.listing-image-magnifier::after{display:none}
.listing-image-magnifier::before{content:attr(data-zoom);position:absolute;left:50%;bottom:9px;z-index:1;transform:translateX(-50%);padding:3px 6px;border:1px solid #f3cf58;border-radius:10px;background:#080a0cdc;color:#fff5bf;font:800 10px/1 "DM Mono",monospace;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 2px #000}
.listing-cutout-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px;border:1px solid #4e3d54;background:#151219}.listing-cutout-tools span{margin-right:3px;color:#e6bfec;font:800 10px/1 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.listing-cutout-tools button{border:1px solid #75607c;padding:6px 9px;background:#201925;color:#f1e4f4;font:700 10px/1 "DM Mono",monospace;cursor:pointer}.listing-cutout-tools button:hover,.listing-cutout-tools button.active{border-color:#edb8f4;background:#3b2442;color:#fff}.listing-cutout-tools button:disabled{opacity:.45;cursor:not-allowed}.listing-cutout-tools small{color:#a99cac;font-size:.72rem}.listing-cutout-selection{position:absolute;z-index:6;display:block;box-sizing:border-box;border:2px dashed #f0c2ff;pointer-events:none;box-shadow:0 0 0 9999px #0506098c,0 0 18px #e8a9ff}.listing-cutout-selection[hidden]{display:none}.listing-cutout-selection.circle{border-radius:50%}@media(max-width:640px){.listing-cutout-tools span,.listing-cutout-tools small{width:100%}}
.listing-comparison-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border:1px solid #396060;background:#10191a}.listing-comparison-tools>span{margin-right:3px;color:#a8f1ef;font:800 10px/1 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.listing-comparison-tools button{border:1px solid #477879;padding:6px 9px;background:#142426;color:#d8ffff;font:700 10px/1 "DM Mono",monospace;cursor:pointer}.listing-comparison-tools label{display:flex;align-items:center;gap:6px;color:#cae2e1;font:700 10px/1 "DM Mono",monospace}.listing-comparison-tools input{accent-color:#83e5df}.listing-comparison-tools output{min-width:30px;color:#fff}.listing-comparison-tools small{width:100%;color:#9dbbbb;font-size:.72rem}.listing-comparison-overlay{position:absolute;z-index:4;display:block;object-fit:fill;pointer-events:auto;mix-blend-mode:screen;opacity:.5;outline:1px dashed #8cebea;cursor:grab}.listing-comparison-overlay:active{cursor:grabbing}.listing-image-zoom-stage:has(.listing-comparison-overlay){cursor:crosshair}@media(max-width:640px){.listing-comparison-tools>span{width:100%}}
.listing-image-magnifier-overlay{position:absolute;inset:0;z-index:0;display:block;background-repeat:no-repeat;mix-blend-mode:screen;pointer-events:none}.listing-image-magnifier::before{z-index:2}.listing-image-magnifier::after{z-index:2}.comparison-lens-toggle{border-left:1px solid #477879;padding-left:8px}
.listing-comparison-overlay{transform-origin:center;transition:outline-color .15s ease}.listing-comparison-overlay.active{outline:2px solid #f7df88;box-shadow:0 0 0 2px #050709,0 0 18px #f5d66a88}
.listing-comparison-overlay{touch-action:none;user-select:none;-webkit-user-drag:none}
