.design-preview{min-width:0;margin-block:.75rem}.design-preview[hidden]{display:none}.design-swatches{flex-wrap:wrap;gap:.5rem;display:flex}.design-swatch{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:8px;flex:85px;padding:0;overflow:hidden}button.design-swatch{cursor:pointer}.design-swatch span{display:block}.design-swatch-color{height:64px}.design-swatch-label{padding:.6rem .25rem;font-family:monospace;font-size:.85rem}.design-gradient{border:1px solid var(--border);border-radius:8px;height:120px}.design-contrast-sample{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;padding:1rem;font-size:1.1rem}.design-card-preview{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-width:550px;overflow:hidden}.design-card-preview img{object-fit:cover;width:100%;max-height:220px;display:block}.design-card-body{padding:.75rem}.design-card-body p{overflow-wrap:anywhere;margin:.4rem 0}.design-card-title{font-size:1.15rem;font-weight:600}.design-search-title{color:var(--primary)}.design-card-url{color:var(--muted);font-size:.85rem}.design-card-title,.design-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}