.pbv-color-visualizer{max-width:1250px;margin:0 auto;padding:20px}.pbv-mainCanvas{position:relative;width:100%;max-width:1250px;margin:0 auto 20px}.pbv-mainCanvas svg{width:100%;height:auto;display:block}.pbv-mainCanvas image{width:100%;height:auto}.pbv-region-buttons-container{margin-bottom:20px}.pbv-region-buttons{list-style:none;display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:0}.pbv-region-button{flex:1;min-width:120px;padding:12px 20px;background-color:#333;color:#fff;text-align:center;cursor:pointer;border:none;font-size:14px;text-transform:uppercase;transition:background-color .3s}.pbv-region-button:hover{background-color:#555}.pbv-region-button.pbv-selected-region{background-color:#742b24}.pbv-color-swatches-container h2{margin-bottom:15px;font-size:18px;color:#333}.pbv-color-swatches{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}.pbv-color-swatch{cursor:pointer;text-align:center;font-size:12px;flex:0 0 calc(20% - 8px);min-width:80px}.pbv-color-swatch-bar{display:block;height:40px;width:100%;margin-bottom:5px;border:2px solid #ddd;border-radius:4px;transition:transform .2s}.pbv-color-swatch:hover .pbv-color-swatch-bar{transform:scale(1.1);border-color:#333}@media (min-width:768px){.pbv-color-swatch{flex:0 0 calc(10% - 8px)}}