.ppvb-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;font-family:Arial,sans-serif;color:#f3f3f3}
.ppvb-main,.ppvb-summary-card{background:#111820;border:1px solid #223042;border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.2)}
.ppvb-main{padding:24px}.ppvb-summary-card{padding:24px;position:sticky;top:24px}
.ppvb-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9fb4c8;margin-bottom:8px}
.ppvb-preview-card{margin-bottom:22px;background:#0c1218;border:1px solid #223042;border-radius:16px;padding:16px;text-align:center}
#ppvb-preview-image{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:12px;background:#e9ecef}
#ppvb-preview-caption{margin-top:10px;font-weight:700;color:#fff}
.ppvb-section{padding:20px 0;border-top:1px solid #223042}.ppvb-section:first-of-type{border-top:0;padding-top:0}
.ppvb-section h3{margin:0 0 8px;color:#fff;font-size:18px}
.ppvb-helper-line{margin:0 0 14px;color:#9fb4c8;font-size:13px}
.ppvb-field-grid{display:grid;gap:16px}.ppvb-field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ppvb-field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ppvb-full{grid-column:1/-1}
.ppvb-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#dce4eb}.ppvb-form span{font-weight:700}
.ppvb-form select,.ppvb-form input[type="text"],.ppvb-form input[type="email"]{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #32485f;background:#0d141b;color:#fff}
.ppvb-visual-grid,.ppvb-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
.ppvb-swatch-grid-compact{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}
.ppvb-style-card,.ppvb-swatch{position:relative;border:1px solid #32485f;background:#0d141b;color:#fff;border-radius:16px;padding:10px;cursor:pointer;transition:.2s ease;display:flex;flex-direction:column;gap:8px;min-height:168px;justify-content:flex-start}
.ppvb-swatch-grid-compact .ppvb-swatch{padding:8px;min-height:136px;gap:6px;border-radius:14px}
.ppvb-style-card img,.ppvb-swatch img{width:100%;height:104px;object-fit:cover;border-radius:12px;background:#e9ecef}
.ppvb-swatch-grid-compact .ppvb-swatch img{height:78px;border-radius:10px}
.ppvb-style-card span,.ppvb-swatch span{font-size:13px;font-weight:700;text-align:center;line-height:1.3}
.ppvb-swatch-grid-compact .ppvb-swatch span{font-size:12px}
.ppvb-card-note{display:block;text-align:center;color:#9fb4c8;font-size:11px;line-height:1.3}
.ppvb-style-card:hover,.ppvb-swatch:hover{transform:translateY(-2px);border-color:#6aa3d8}
.ppvb-style-card.is-active,.ppvb-swatch.is-active{border-color:#d4a43d;box-shadow:0 0 0 2px rgba(212,164,61,.35)}
.ppvb-badge{position:absolute;top:8px;left:8px;background:#d4a43d;color:#111820;font-size:11px;font-weight:800;line-height:1;padding:6px 8px;border-radius:999px;z-index:1}
.ppvb-swatch-groups{display:grid;gap:18px}.ppvb-swatch-group-title{margin-bottom:8px;color:#9fb4c8;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.ppvb-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.ppvb-checkbox-grid label{background:#0d141b;border:1px solid #32485f;border-radius:14px;padding:12px}.ppvb-checkbox-grid input[type="checkbox"]{margin-right:8px}
.ppvb-wheel-wrap{grid-column:1/-1;background:#0d141b;border:1px solid #32485f;border-radius:14px;padding:14px}.ppvb-wheel-title{font-weight:700;color:#fff;margin-bottom:10px}.ppvb-wheel-option{display:flex;flex-direction:row!important;align-items:center;gap:8px;padding:0!important;border:none!important;background:transparent!important}.ppvb-wheel-option input[type="radio"]{margin:0}
.ppvb-hidden{display:none!important}
.ppvb-total{font-size:36px;font-weight:800;color:#fff;margin:6px 0 10px}.ppvb-final-height{font-size:14px;font-weight:700;color:#d4a43d;margin-bottom:10px}.ppvb-note{font-size:13px;color:#aeb9c5;margin-bottom:18px}
.ppvb-summary-group{margin-top:18px;padding-top:14px;border-top:1px solid #223042}.ppvb-summary-group h4{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#d4a43d}
.ppvb-summary-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:14px}.ppvb-summary-row strong{color:#fff}.ppvb-summary-row span{color:#dce4eb;text-align:right}
.ppvb-submit-row{display:flex;align-items:center;gap:12px;margin-top:16px}.ppvb-submit-btn{appearance:none;border:0;background:#d4a43d;color:#111820;font-weight:800;padding:14px 18px;border-radius:14px;cursor:pointer}.ppvb-submit-btn:disabled{opacity:.6;cursor:wait}
.ppvb-submit-status{font-size:14px;color:#aeb9c5}.ppvb-submit-status.is-success{color:#8dd39e}.ppvb-submit-status.is-error{color:#ff9c9c}
@media (max-width: 980px){.ppvb-wrap{grid-template-columns:1fr}.ppvb-summary-card{position:static}.ppvb-field-grid.two,.ppvb-field-grid.three,.ppvb-checkbox-grid{grid-template-columns:1fr}.ppvb-submit-row{flex-direction:column;align-items:flex-start}}

.ppvb-substep-title{margin:0 0 8px;color:#fff;font-size:15px;font-weight:700}
.ppvb-collapsible-type-grid{margin-top:6px}
.ppvb-collapsible-type-card{min-height:156px}