:root{--page-max:1380px;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--radius-card:20px;--radius-control:10px}header{padding:12px 18px}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.header-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:9px;color:#344054;text-decoration:none;font-size:.78rem;font-weight:750}.header-actions .pro-link{background:#111827;color:#fff}.header-actions .signin-link{border:1px solid var(--line);background:#fff}header nav{margin-left:auto;margin-right:14px}main{width:min(var(--page-max),100%);padding:42px 20px 72px}.hero{max-width:780px}.hero h1{font-size:clamp(2.35rem,5vw,4.65rem);line-height:.98}.hero p:last-child{font-size:.98rem;line-height:1.62}.featured-section{margin-top:30px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:1.55rem;letter-spacing:-.025em}.featured-grid,.collection-grid{gap:18px;align-items:stretch}.collection-card{display:flex;min-width:0;flex-direction:column;border-radius:var(--radius-card);box-shadow:0 10px 28px rgba(16,24,40,.055);transition:border-color .16s ease,box-shadow .16s ease}.collection-card:hover{transform:none;border-color:#cfd6df;box-shadow:0 14px 34px rgba(16,24,40,.08)}.collection-card:focus-within{border-color:#98a2b3;box-shadow:0 0 0 3px rgba(17,24,39,.06),0 14px 34px rgba(16,24,40,.08)}.card-palette{height:118px;flex:0 0 auto}.featured-card .card-palette{height:132px}.card-body{display:flex;min-height:410px;flex:1;flex-direction:column;padding:18px}.card-top{min-height:54px}.card-top h2{font-size:1.05rem;line-height:1.25;letter-spacing:-.015em}.collection-title-link{color:#101828;text-decoration:none}.collection-title-link:hover{text-decoration:underline;text-underline-offset:3px}.category-label{margin-bottom:6px;font-size:.62rem}.favorite-button{width:34px;height:34px;border-radius:9px;font-size:1rem;transition:background .15s ease,border-color .15s ease}.favorite-button:hover{background:#f8fafc;border-color:#cbd5e1}.card-body>p{min-height:48px;margin:10px 0 12px;font-size:.8rem;line-height:1.5}.tag-list{min-height:30px;margin-bottom:10px}.tag-list button{padding:5px 8px;font-size:.62rem}.collection-metrics{min-height:30px;margin-bottom:11px}.collection-metrics span{padding:5px 7px;font-size:.62rem;font-weight:700}.color-list{min-height:64px;align-content:flex-start;margin-bottom:14px}.color-chip{min-height:28px;padding:5px 7px;font-size:.58rem}.actions{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;margin-top:auto}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.actions a,.actions button,.secondary-actions a,.secondary-actions button{min-width:0;min-height:40px;padding:0 12px;border-radius:10px;font-size:.72rem;line-height:1.15;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.details-link{border-color:#d0d5dd!important;background:#fff!important;color:#101828!important}.details-link:hover{background:#f8fafc!important;border-color:#98a2b3!important}.open{font-size:.72rem!important}.open:hover{background:#202939}.copy{min-width:86px;background:#fff}.copy:hover{background:#f8fafc;border-color:#98a2b3}.secondary-actions a,.secondary-actions button{min-height:38px;background:#f9fafb}.secondary-actions a:hover,.secondary-actions button:hover{background:#f2f4f7;border-color:#cbd5e1}.actions a:focus-visible,.actions button:focus-visible,.secondary-actions a:focus-visible,.secondary-actions button:focus-visible,.favorite-button:focus-visible,.color-chip:focus-visible,.tag-list button:focus-visible{outline:3px solid rgba(17,24,39,.16);outline-offset:2px}.results-heading{margin-top:4px}.summary{font-size:.82rem}.controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:14px;border-radius:16px}.search{min-width:0}.search input{width:100%;height:42px}.control-actions{display:grid;grid-template-columns:minmax(150px,auto) auto auto;align-items:center;gap:8px;min-width:0}.control-actions select,.control-actions button{height:42px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff;color:#344054;font:700 .76rem Inter,sans-serif;white-space:nowrap}.control-actions button:hover,.control-actions select:hover{border-color:#c2c8d0;background:#f9fafb}.filters{margin-top:12px}.filter{min-height:34px;padding:0 11px;font-size:.72rem}@media(max-width:1100px){.featured-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body{min-height:390px}.controls{grid-template-columns:1fr}.control-actions{grid-template-columns:minmax(0,1fr) auto auto}.control-actions select{width:100%}}@media(max-width:760px){header nav{display:none}.header-actions{margin-left:auto}main{padding:30px 12px 54px}.featured-grid,.collection-grid{grid-template-columns:1fr}.card-body{min-height:0}.card-body>p,.tag-list,.collection-metrics,.color-list{min-height:0}.actions{grid-template-columns:1fr 1fr}.actions .copy{grid-column:1/-1}.header-actions .signin-link{display:none}.control-actions{grid-template-columns:1fr 1fr}.control-actions select{grid-column:1/-1}.control-actions button{width:100%}}@media(max-width:420px){.actions a,.actions button,.secondary-actions a,.secondary-actions button{font-size:.68rem;padding:0 8px}.header-actions a{padding:0 10px}}