.dino-page{padding-block:clamp(24px,4vw,48px) clamp(48px,7vw,88px)}.dino-summary{color:var(--bone-soft);font-size:13px}.dino-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-block:28px}.dino-toolbar .segmented-control{flex-wrap:wrap}.dino-count{color:var(--muted);font-size:13px;white-space:nowrap}.dino-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px);list-style:none;padding:0;margin:0}.dino-item{min-width:0}.dino-card{height:100%;padding:9px;scroll-margin-top:100px}.dino-preview{display:block;position:relative;width:100%;padding:0;border:0;background:#07110d;cursor:zoom-in;aspect-ratio:1;overflow:hidden}.dino-preview img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .25s ease}.dino-number{position:absolute;top:12px;left:12px;min-width:36px;padding:6px 9px;background:#07110de8;color:#f3e8c9;border:1px solid #b3b97a70;font-size:13px;font-variant-numeric:tabular-nums;text-align:center}.dino-expand{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;color:#f3e8c9;background:#07110de8;border:1px solid #b3b97a70}.dino-preview:focus-visible{outline:3px solid var(--brass-2);outline-offset:-4px}.dino-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 9px 10px}.dino-caption>div{min-width:0}.dino-style{display:block;font-size:11px;color:var(--brass);letter-spacing:.06em;margin-bottom:5px}.dino-caption h2{font-family:var(--font-display);font-size:clamp(16px,1.5vw,20px);font-weight:500;color:var(--bone);overflow-wrap:anywhere}.dino-download{min-width:44px;min-height:44px;flex-shrink:0}.dino-full-image{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain;background:#060e0b}.dino-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.dino-dialog-footer>span{font-size:13px;color:var(--muted)}@media(hover:hover)and (pointer:fine){.dino-preview:hover img{filter:brightness(1.06)}}@media(max-width:1000px){.dino-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dino-grid{grid-template-columns:minmax(0,1fr);gap:20px}.dino-toolbar{align-items:flex-start;flex-direction:column;gap:12px;margin-block:22px}.dino-toolbar .segmented-control{width:100%}.dino-toolbar .segmented-control button{flex:1 1 40%;min-height:44px}}@media(prefers-reduced-motion:reduce){.dino-preview img{transition:none}}