.perspective-thumb{position:relative;display:block;min-width:0;min-height:0}.perspective-thumb>img{display:block;width:100%;object-fit:contain}.perspective-mark{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid #171917;border-radius:2px;background:#171917;color:white;font:600 11px/1 Arial,sans-serif;text-decoration:none;z-index:2}.perspective-mark:is(a,button,[role=button]){cursor:pointer}.perspective-mark:is(a,button,[role=button]):hover{background:white;color:#171917}.perspective-mark:focus-visible{outline:2px solid #171917;outline-offset:3px}.pack-card.pack-cover-large>.pack-shots>.perspective-thumb{width:100%;height:var(--cover-image-height);max-height:none}.pack-card.pack-cover-large>.pack-shots>.perspective-thumb>img{height:100%;max-height:none;width:100%;object-fit:contain}.pack-tile-drawings>.perspective-thumb{height:100%}.pack-tile-drawings .perspective-mark{width:17px;height:17px;font-size:9px;top:2px;right:2px}.pack-tile-drawings .perspective-thumb>img{height:100%}.pack-full-grid .perspective-thumb>img{height:260px}.new-pack-preview .perspective-thumb>img{height:230px}.perspective-note{max-width:760px;font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:24px}.builder-figure{position:relative}#builder-grid .builder-figure>.perspective-mark{position:absolute;top:13px;right:13px;bottom:auto;margin:0;padding:0;width:26px;height:26px;background:#171917;color:white;border:1px solid #171917;font-size:11px}.builder-figure.is-selected>.perspective-mark{background:#171917}#perspective-dialog{width:min(760px,94vw);max-width:94vw;max-height:94dvh;box-sizing:border-box;overflow:auto;border:1px solid #ddd;background:#fff;color:#171917;padding:28px 30px 20px}#perspective-dialog::backdrop{background:#0009}#perspective-dialog .perspective-close{position:absolute;top:8px;right:12px;border:0;background:white;font:30px/1 Arial;cursor:pointer;padding:5px}#perspective-dialog h2{font-size:20px;font-weight:500;line-height:1.4;margin:0 30px 16px 0}#perspective-dialog .perspective-tabs{display:flex;gap:8px;margin-bottom:12px}#perspective-dialog .perspective-tabs button{font:inherit;font-size:12px;padding:10px 15px;background:#fff;color:#171917;border:1px solid #ddd;cursor:pointer}#perspective-dialog .perspective-tabs button[aria-pressed=true]{background:#171917;color:#fff;border-color:#171917}#perspective-image{display:block;width:100%;height:min(62dvh,650px);object-fit:contain;background:white}#perspective-dialog .perspective-included{font-size:12px;line-height:1.6;color:#73786f;margin:12px 0 0}@media(max-width:600px){.pack-full-grid .perspective-thumb>img{height:215px}.new-pack-preview .perspective-thumb>img{height:190px}#perspective-dialog{padding:24px 18px 18px}.perspective-mark{width:22px;height:22px}#perspective-dialog h2{font-size:17px}}@media(prefers-reduced-motion:reduce){#perspective-dialog *{animation:none!important;transition:none!important}}