.frame-colour-visuals{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px}.frame-colour-visual{appearance:none;background:#fff;border:2px solid #d7d7d2;border-radius:12px;padding:8px;cursor:pointer;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.frame-colour-visual:hover{transform:translateY(-1px);border-color:#999}.frame-colour-visual.is-selected{border-color:#1f6ed4;box-shadow:0 0 0 2px rgba(31,110,212,.14)}.frame-colour-visual img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px;background:#f2f2ee}.frame-colour-visual span{display:flex;align-items:center;gap:7px;padding:8px 2px 1px;font-weight:700;color:#171715}.frame-colour-visual i{display:block;width:18px;height:18px;border:1px solid #aaa;border-radius:50%;background:var(--frame-colour)}@media(max-width:620px){.frame-colour-visuals{gap:8px}.frame-colour-visual{padding:5px}.frame-colour-visual span{font-size:13px}}