/* Tile Pattern Visualizer (T102b): the pattern buttons, the tile sizes, the tile chips and the drawing. */
.tp-pats{flex-wrap:wrap}
.tp-sizes{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.tp-sizes button{min-height:44px;min-width:44px;padding:6px 12px;border:1px solid var(--chqt-line);border-radius:999px;background:#fff;color:inherit;font:inherit;font-size:16px;cursor:pointer}
.tp-tiles{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.tp-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}
.tp-t i{width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex:none}
.tp-t[aria-pressed="true"]{border-color:currentColor;box-shadow:0 0 0 2px currentColor inset}
.tp-own{display:flex;gap:10px;align-items:center;margin:0 0 6px}
.tp-own .chqt-input{flex:1 1 auto;min-width:0}
.tp-picker input{width:48px;height:48px;font-size:16px;padding:0;border:1px solid var(--chqt-line);border-radius:10px;background:none;cursor:pointer}
.tp-wall svg{display:block;width:100%;height:auto;max-height:70vh;border-radius:6px}
.tp-cuts{margin:0 0 12px}
.tp-cuts[aria-pressed="true"]{box-shadow:0 0 0 2px currentColor inset}