.melamine-library .color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.melamine-library .color-sample{height:auto;aspect-ratio:1;padding:0;background:#eee9df}.melamine-library .color-sample img{object-fit:contain}.melamine-library .color-card h2{font-size:26px}.melamine-library .color-code{font-size:12px}.sample-dialog{width:min(900px,92vw);max-height:90vh;border:1px solid #d8c8b2;padding:24px;background:#faf7f0;color:#302820;overflow:auto;margin:auto}.sample-dialog::backdrop{background:#181510bd}.sample-dialog button{float:right;min-height:44px;padding:10px 16px;border:1px solid #b59a76;background:transparent;cursor:pointer}.sample-dialog h2{font:32px Georgia,serif;margin:8px 0 24px}.sample-dialog img{display:block;width:100%;max-height:70vh;object-fit:contain}.sample-dialog[open]{display:block}@media(max-width:1000px){.melamine-library .color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.melamine-library .color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.melamine-library .color-code{flex-direction:column;align-items:flex-start}.melamine-library .color-card h2{font-size:23px}}