.paint-play-colors{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;background:#f0f7df}.paint-play-colors[hidden]{display:none}.outfit-colors{display:flex;flex-wrap:wrap;gap:14px;margin-block:18px}.outfit-colors label{display:grid;gap:8px;font-weight:700}.outfit-colors input{width:70px;height:48px;padding:3px;border:1px solid #638372;border-radius:10px;background:white}.outfit-preview canvas{width:100%;height:auto;max-height:320px;object-fit:contain}.outfit-preview label{display:grid;gap:6px}.outfit-preview select{font:inherit;min-height:46px;max-width:100%;border-radius:12px;border:1px solid #638372;padding:8px}.paint-play-colors .check-label{margin-block:14px}.paint-play-colors p{line-height:1.7}@media(max-width:680px){.paint-play-colors{grid-template-columns:1fr}.outfit-preview{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:10px}.outfit-preview canvas{max-height:180px}.outfit-colors{gap:10px;font-size:.85rem}}