/* Grout Color Picker (T102): the tile chips, the own-color row, the picks and the wall drawing. */
.gc-tiles{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.gc-t{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px 6px 6px;border:1px solid var(--chqt-line);border-radius:999px;background:#fff;color:inherit;font:inherit;font-size:16px;cursor:pointer}
.gc-t i{width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex:none}
.gc-t[aria-pressed="true"]{border-color:currentColor;box-shadow:0 0 0 2px currentColor inset}
.gc-own{display:flex;gap:10px;align-items:center;margin:0 0 6px}
.gc-own .chqt-input{flex:1 1 auto;min-width:0}
.gc-picker input{width:48px;height:48px;font-size:16px;padding:0;border:1px solid var(--chqt-line);border-radius:10px;background:none;cursor:pointer}
.gc-look{margin:0 0 14px}
.gc-picks{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14em,1fr));gap:8px}
.gc-p{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 10px 6px 6px;border:1px solid var(--chqt-line);border-radius:12px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer}
.gc-p i{width:40px;height:40px;border-radius:8px;border:1px solid rgba(0,0,0,.18);flex:none}
.gc-p span{display:flex;flex-direction:column;min-width:0}
.gc-p small{font-size:14px;opacity:.8}
.gc-p[aria-pressed="true"]{border-color:currentColor;box-shadow:0 0 0 2px currentColor inset}
.gc-wall svg{display:block;width:100%;height:auto;border-radius:10px}