.yut-swatches{color:var(--swatch-text,#342724);background:var(--swatch-bg,#fff);padding:clamp(12px,3vw,28px);border:1px solid #ddd;border-radius:12px}.yut-swatches .yut-swatch-picker{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.yut-swatches .yut-swatch-picker button{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;min-height:44px;border:2px solid #ddd;border-radius:8px;background:var(--swatch-bg,#fff);color:inherit;font:inherit;cursor:pointer}.yut-swatches .yut-swatch-picker button[aria-pressed=true]{border-color:var(--swatch-accent,#654655);box-shadow:0 0 0 1px var(--swatch-accent,#654655)}.yut-swatches .yut-swatch-picker button:focus-visible{outline:3px solid var(--swatch-accent,#654655);outline-offset:3px}.yut-swatches .yut-swatch-picker button:disabled{opacity:.55;cursor:not-allowed}.yut-swatches .yut-swatch-dot{width:24px;height:24px;border:1px solid #999;border-radius:50%;flex:none}.yut-swatches .yut-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}.yut-swatches figure{margin:0;padding:12px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.yut-swatches canvas{display:block;width:100%;height:auto}.yut-swatches figcaption{font-weight:600;text-align:center;margin-top:10px}.yut-swatches .yut-swatch-status{font-weight:600}

.yut-swatches figure{background:var(--swatch-card-bg,#fff);border-radius:var(--swatch-card-radius,8px);box-shadow:var(--swatch-card-shadow,0 5px 18px rgba(0,0,0,.12))}
#yut-swatch-admin-preview{max-width:760px;margin:24px 0;padding:24px;background:#f4f4f4;color:#222}#yut-swatch-admin-preview label{display:inline-block;margin:0 12px 12px 0}#yut-swatch-admin-preview .yut-swatch-grid{grid-template-columns:1fr}#yut-swatch-preview-status{min-height:24px}

@media(min-width:1300px){.yut-swatch-admin-layout{display:grid;grid-template-columns:minmax(540px,1fr) minmax(360px,560px);gap:24px;align-items:start}#yut-swatch-admin-preview{position:sticky;top:48px;margin-top:0}.yut-swatch-admin-layout .form-table th{width:160px}.yut-swatch-admin-layout .regular-text{max-width:100%}}

/* Attribute choice tiles: independently sized from the print sample cards. */
.yut-swatches .yut-swatch-picker{display:grid;gap:8px;align-items:stretch}
.yut-swatches .yut-swatch-picker button{flex-direction:column;justify-content:flex-start;min-width:0;padding:10px;overflow-wrap:anywhere;font-size:13px;line-height:1.35}
.yut-swatches .yut-swatch-dot{display:block;position:relative;width:var(--swatch-tile-size,75px);height:auto;aspect-ratio:1;max-width:100%;border-radius:5px;overflow:hidden}
.yut-swatches .yut-swatch-dot img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#fff}
#yut-swatch-admin-preview .yut-swatch-picker{max-height:260px;overflow-y:auto;padding:3px}

.yut-swatches .yut-swatch-disclaimer{text-align:center;white-space:pre-line;margin-bottom:0;clear:both}
.yut-swatch-filters,.yut-combination-controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.yut-swatch-filters button,.yut-combination-controls button{padding:8px 14px;border:1px solid #ccc;border-radius:8px;background:#fff;color:#333;cursor:pointer}
.yut-swatch-filters button[aria-pressed=true],.yut-combination-controls button[aria-pressed=true]{background:var(--swatch-accent,#a65d6b);border-color:var(--swatch-accent,#a65d6b);color:#fff}
.yut-swatches figure{position:relative}.yut-swatches figure.yut-has-badge{overflow:visible}
 .yut-swatches .yut-swatch-badge{position:absolute;top:-8px;right:-8px;width:var(--stamp-size,82px);height:var(--stamp-size,82px);max-width:40%;padding:0;border:0;border-radius:0;background:transparent;z-index:2;pointer-events:none;line-height:1}
.yut-swatch-badge svg{display:block;width:100%;height:100%;overflow:visible}.yut-swatch-badge[hidden]{display:none}