.vpa-display-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.vpa-btn-option{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--vpa-line);border-radius:8px;background:#fff;cursor:pointer;font-size:12px;transition:all 0.2s ease;color:var(--vpa-text)}.vpa-btn-option:hover{border-color:#c9d6e9}.vpa-btn-option.is-active{background:var(--vpa-primary-soft);border-color:var(--vpa-primary);color:var(--vpa-primary);font-weight:700}.vpa-btn-count{font-size:10px;margin-right:5px;opacity:.7}.vpa-display-colors{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.vpa-color-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:5px}.vpa-color-circle{width:30px;height:30px;border-radius:50%;border:2px solid #fff0;box-shadow:0 0 0 1px #e2e8f0;transition:all 0.2s ease;display:block}.vpa-color-option:hover .vpa-color-circle{transform:scale(1.1)}.vpa-color-option.is-active .vpa-color-circle{box-shadow:0 0 0 2px var(--vpa-primary);border-color:#fff}.vpa-color-count{font-size:10px;color:var(--vpa-muted)}.vpa-display-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.vpa-image-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:5px}.vpa-image-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid #fff0;transition:all 0.2s ease}.vpa-image-placeholder{width:40px;height:40px;border-radius:8px;background:#f0f4f8;display:flex;align-items:center;justify-content:center;font-weight:700;color:#8791a3;border:2px solid #fff0}.vpa-image-option:hover .vpa-image-thumb,.vpa-image-option:hover .vpa-image-placeholder{transform:scale(1.05);border-color:#c9d6e9}.vpa-image-option.is-active .vpa-image-thumb,.vpa-image-option.is-active .vpa-image-placeholder{border-color:var(--vpa-primary);box-shadow:0 0 0 1px var(--vpa-primary)}.vpa-image-count{font-size:10px;color:var(--vpa-muted)}