.cr-composition{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:212px;padding:1.35rem;background:var(--sample-canvas);color:var(--sample-ink);overflow:hidden}
.cr-composition-kicker{font-size:.65rem;font-weight:650;text-transform:uppercase;letter-spacing:.12em;max-width:80%}
.cr-composition-title{position:relative;z-index:1;font-family:Georgia,serif;font-size:clamp(1.65rem,2.3vw,2.25rem);font-weight:400;line-height:1.1;letter-spacing:-.035em;max-width:82%}
.cr-composition-label{padding:.5rem .65rem;border-radius:4px;font-size:.65rem;font-weight:650;background:var(--sample-primary);color:var(--sample-on-primary);max-width:100%}
.cr-composition-mark{position:absolute;width:2.4rem;height:2.4rem;right:1.2rem;top:1.2rem;border-radius:50%;background:var(--sample-accent)}
#explore .cr-palette-card .cr-palette-strip{min-height:60px;height:60px;border:0;border-radius:0;margin:0}
#explore .cr-palette-card .cr-palette-strip .cr-palette-swatch{min-height:60px}
#explore .cr-palette-card .cr-palette-card-description{white-space:normal;display:block;overflow:visible;text-overflow:clip;line-height:1.55;min-height:3.1em}
#explore .cr-palette-card .cr-palette-hex-row{display:flex;flex-wrap:wrap;overflow:visible;gap:.35rem}
#explore .cr-palette-card .cr-palette-hex{flex:0 1 auto;min-height:38px;font-size:.69rem}
#explore .cr-palette-card .cr-palette-card-meta{flex-wrap:wrap}
.cr-palette-pair{margin:.7rem 0;color:var(--cr-muted);font-size:.75rem;line-height:1.5}
.cr-palette-pair strong{color:var(--cr-ink);font-weight:650}
.cr-design-guidance{margin:1.25rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid var(--cr-border);border-radius:var(--cr-radius-xl);background:var(--cr-surface)}
.cr-design-guidance>p{max-width:78ch;line-height:1.7;color:var(--cr-muted)}
.cr-design-guidance h2{margin:0 0 .75rem;font-size:1.4rem}
.cr-design-role-list{display:grid;gap:.6rem;margin:1.25rem 0}
.cr-design-role{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem;border:1px solid var(--cr-border);border-radius:.6rem}
.cr-design-role-dot{width:32px;height:32px;border-radius:50%;border:1px solid var(--cr-border)}
.cr-design-role strong{display:block;font-size:.87rem}.cr-design-role code{display:block;color:var(--cr-muted);font-size:.8rem;margin-top:.2rem}.cr-design-role small{font-size:.73rem;color:var(--cr-muted)}
.cr-design-actions{display:flex;gap:.6rem;flex-wrap:wrap}.cr-design-actions .cr-btn{white-space:normal}
.cr-detail-arrange{display:grid;gap:.5rem;margin:0;padding:clamp(1rem,2.5vw,1.5rem);border-bottom:1px solid var(--cr-border)}
.cr-detail-arrange label{font-size:.875rem;line-height:1.4;font-weight:650;color:var(--cr-muted)}
.cr-detail-arrange select{min-height:44px;width:100%;max-width:22rem;min-width:0;padding:.6rem .8rem;border:1px solid var(--cr-border);border-radius:.5rem;background:var(--cr-surface);color:var(--cr-ink);font:inherit}
.cr-detail-arrange select:focus-visible{outline:2px solid var(--cr-ink);outline-offset:3px}.has-design-roles .cr-palette-detail-preview{min-height:220px}
.cr-design-guidance .cr-composition{border-radius:.75rem;margin-bottom:1.4rem;min-height:230px}
@media(max-width:720px){.cr-composition{min-height:190px}.cr-composition-title{font-size:1.9rem}.cr-design-actions{flex-direction:column}#explore .cr-explore-results-head .cr-explore-sort{flex:1 1 calc(50% - 1rem)}}
@media(max-width:420px){#explore .cr-explore-results-head .cr-explore-sort{flex-basis:100%}}
.cr-filter-count{font:500 .68rem var(--cr-font-mono);padding:2px 5px;border-radius:4px;background:var(--cr-surface-soft);color:var(--cr-ink);margin-left:3px}
.cr-collection-breadcrumb{font-size:.75rem!important;margin:0 0 1rem;color:var(--cr-muted)}
.cr-collection-breadcrumb a{text-underline-offset:3px}
.cr-collection-source{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem;padding:.65rem .9rem;border:1px solid var(--cr-border);border-radius:.5rem;color:var(--cr-muted);font-size:.8rem;margin-bottom:1rem}
.cr-collection-source[hidden]{display:none}
.cr-collection-source button{font:inherit;color:var(--cr-ink);border:0;background:none;text-decoration:underline;text-underline-offset:3px;min-height:36px;cursor:pointer}
#explore .palette-seo-content{margin:2.5rem 0 0;padding:clamp(1rem,3vw,2rem);background:var(--cr-surface-soft);border:1px solid var(--cr-border)}
#explore .cr-collection-guide>p{max-width:70ch;line-height:1.7;color:var(--cr-muted);font-size:.9rem}
.cr-collection-related{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1rem}
.cr-collection-related a{font-size:.8rem;display:inline-flex;align-items:center;min-height:40px;text-underline-offset:3px}
#explore .selected-search-tags.show{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;font-size:.8rem;color:var(--cr-muted)}
#explore .selected-search-tags button{font:inherit;color:var(--cr-ink);min-height:36px;border:1px solid var(--cr-border);background:var(--cr-surface);border-radius:.35rem;padding:.3rem .6rem;cursor:pointer}
#explore .static-swatches{display:grid;grid-template-columns:repeat(var(--swatch-count,5),minmax(0,1fr));height:auto;min-height:70px}
#explore .static-swatches span{display:grid;place-items:center;min-width:0;min-height:70px}
#explore .static-swatches[style*="--swatch-count:8"]{grid-template-columns:repeat(4,minmax(0,1fr))}
#explore .filter-search-row .cr-btn{min-width:76px}
@media(max-width:720px){#explore .palette-seo-content{margin-top:2rem}#explore .filter-search-row{flex-wrap:wrap}#explore .filter-search-shell{flex:1 1 100%}#explore .explore-page-head{margin-bottom:1.25rem}#explore .palette-seo-intro p{font-size:.9rem}}
#explore .cr-composition{min-height:164px;padding:1.1rem;gap:.8rem}
#explore .cr-composition-title{font-size:1.8rem}
#explore .cr-palette-card-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
#explore .cr-palette-action,#explore .cr-palette-open{min-height:44px;padding:.6rem .25rem;font-size:.75rem}