.atelier-collection{background:var(--atelier-blue);min-height:100dvh;color:var(--atelier-white);padding:var(--chrome-safe-top) max(24px, var(--safe-right)) var(--chrome-safe-bottom) max(24px, var(--safe-left))}.collection-navigation{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.collection-navigation>div{gap:8px;display:flex}.collection-navigation [aria-current=page]{color:var(--atelier-coral)}.collection-tools{justify-content:flex-end;gap:12px;max-width:1100px;margin:30px auto 0;display:flex}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;max-width:1100px;margin:25px auto;display:grid}.collection-piece{min-width:0;position:relative}.collection-object{cursor:pointer;width:100%;display:block;position:relative}.collection-object img{aspect-ratio:4/5;object-fit:cover;width:100%}.collection-piece:after{content:"";background:color-mix(in srgb, var(--atelier-white) 25%, transparent);height:2px;box-shadow:0 9px 15px var(--atelier-shadow);margin-top:8px;display:block}.collection-piece-actions{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.collection-piece-actions .atelier-icon{width:44px;height:44px}.collection-piece-actions .atelier-icon svg{width:20px;height:20px}.piece-selected{position:absolute;top:8px;right:8px}.collection-empty{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;min-height:60dvh;display:flex}.collection-empty>svg:first-child{width:110px;height:145px}.collection-progress{position:fixed;bottom:50px;left:50%}.atelier-collection button:focus-visible,.atelier-collection a:focus-visible{outline:2px solid var(--atelier-white);outline-offset:4px}@media (max-width:750px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.collection-piece-actions{gap:0}.collection-piece-actions .atelier-icon{width:44px;height:44px}}@media (max-width:420px){.collection-grid{grid-template-columns:1fr;max-width:340px}}