.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (width<=460px){.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.style-card{text-align:center;cursor:pointer;font:inherit;color:var(--text);background:var(--paper-2);border:1.5px solid var(--line);border-radius:12px;gap:6px;padding:6px 6px 8px;font-size:.8125rem;font-weight:600;display:grid}.style-card:hover{border-color:var(--line-strong)}.style-card[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 2px color-mix(in srgb, var(--ink) 18%, transparent)}.style-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.style-swatch{stroke:none;border-radius:8px;width:100%;height:auto;display:block}.style-text{resize:vertical;width:100%;min-height:76px;font:inherit;border:1px solid var(--line-strong);background:var(--paper);color:var(--text);border-radius:10px;padding:10px 12px}.style-text:focus{outline:2px solid var(--accent);outline-offset:1px}