.asset-grid.masonry-grid{display:block;columns:4 230px;column-gap:20px}.masonry-item{display:inline-block;width:100%;margin:0 0 20px;break-inside:avoid}.asset-image{aspect-ratio:auto;min-height:150px;padding:14px;background:#fff}.asset-image img{width:100%;height:auto;max-height:none;object-fit:contain;filter:drop-shadow(0 9px 8px rgba(39,35,58,.13))}.asset-card{background:#fff}.asset-info>div{gap:10px}.mini-swatch{margin-left:auto;width:25px;height:25px;border:2px solid var(--ink);border-radius:50%;background:var(--swatch);box-shadow:2px 2px 0 var(--ink)}.detail-image{background:#fff;overflow:hidden}.detail-image img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(39,35,58,.14))}.dominant-color{display:flex;align-items:center;gap:12px;padding:12px;margin:18px 0;border:2px solid var(--ink);border-radius:18px;background:#fff;box-shadow:4px 5px 0 #d9ccff}.dominant-color>span:first-child{width:48px;height:48px;flex:0 0 auto;border:2px solid var(--ink);border-radius:15px;background:var(--swatch)}.dominant-color small,.dominant-color strong{display:block}.dominant-color b{margin-left:auto;color:var(--brand)}.asset-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.asset-actions button,.code-row button{border:2px solid var(--ink);border-radius:12px;padding:9px 12px;background:var(--sun);color:var(--ink);font-weight:900;cursor:pointer}.embed-panel{margin-bottom:34px;padding:28px;border:2px solid var(--ink);border-radius:28px;background:linear-gradient(135deg,#fff,#f0eaff);box-shadow:8px 9px 0 #d9ccff;display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.embed-panel h2{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:10px 0}.embed-panel label{font-weight:900}.code-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:7px}.code-row textarea{width:100%;resize:vertical;border:2px solid #d9d0ed;border-radius:13px;padding:11px;background:#fff;color:#3b3452;font:12px/1.45 ui-monospace,monospace}.share-panel{margin-bottom:45px}.share-links{display:flex;flex-wrap:wrap;gap:9px}.share-links a{border:2px solid var(--ink);border-radius:13px;background:#fff;padding:9px 14px;font-weight:900;box-shadow:3px 4px 0 #d9ccff}.color-heading-swatch{display:inline-block;width:26px;height:26px;vertical-align:middle;border:2px solid #fff;border-radius:9px;background:var(--swatch);margin-right:7px;box-shadow:0 0 0 2px var(--ink)}.pack-detail-cover{background:#fff!important}@media(max-width:780px){.asset-grid.masonry-grid{columns:2 145px;column-gap:11px}.masonry-item{margin-bottom:11px}.embed-panel{grid-template-columns:1fr;padding:20px}.code-row{grid-template-columns:1fr}.detail-image{min-height:280px}}@media(max-width:420px){.asset-grid.masonry-grid{columns:2 125px}.asset-image{min-height:110px;padding:8px}}