.choice-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.choice-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.choice-card:hover{border-color:var(--border-strong)}.choice-card.is-selected{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.choice-icon{border-radius:var(--radius-md);background:var(--bg-muted);width:40px;height:40px;color:var(--text-secondary);place-items:center;display:grid}.choice-card.is-selected .choice-icon{background:var(--brand-soft);color:var(--brand-text)}.choice-body{flex-direction:column;gap:2px;display:flex}.choice-body strong{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.choice-body small{font-size:var(--text-xs);color:var(--text-muted)}.choice-check{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-full);background:var(--brand);width:22px;height:22px;color:var(--text-on-brand);place-items:center;display:none;position:absolute}.choice-card.is-selected .choice-check{display:grid}.accent-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.accent-swatch{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);display:flex;position:relative}.accent-swatch:hover{border-color:var(--border-strong)}.accent-swatch.is-selected{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.accent-dot{border-radius:var(--radius-full);flex:none;width:20px;height:20px}.accent-name{font-size:var(--text-sm);color:var(--text-primary);text-align:left;flex:1}.accent-check{color:var(--brand-text);place-items:center;display:none}.accent-swatch.is-selected .accent-check{display:grid}.preview{border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:200px minmax(0,1fr);display:grid;overflow:hidden}.preview-sidebar{gap:var(--space-2);padding:var(--space-4);background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;display:flex}.preview-brand{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);display:flex}.preview-brand-mark{border-radius:var(--radius-sm);background:var(--brand);width:28px;height:28px;color:var(--text-on-brand);place-items:center;display:grid}.preview-nav-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.preview-nav-item.is-active{background:var(--brand-soft);color:var(--brand-text);font-weight:var(--weight-semibold)}.preview-main{gap:var(--space-4);padding:var(--space-4);background:var(--bg-canvas);flex-direction:column;display:flex}.preview-row{gap:var(--space-3);display:flex}.preview-kpi{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:var(--radius-md);background:var(--bg-surface);flex-direction:column;flex:1;gap:2px;display:flex}.preview-kpi strong{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.preview-kpi small{font-size:var(--text-xs);color:var(--text-muted)}.preview-actions{align-items:center;gap:var(--space-3);display:flex}.preview-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);margin-left:auto}.reset-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.reset-row strong{font-size:var(--text-sm);color:var(--text-primary)}.reset-row p{font-size:var(--text-xs);color:var(--text-muted);margin:2px 0 0}@media (width<=768px){.choice-grid,.choice-grid-2,.preview{grid-template-columns:minmax(0,1fr)}.preview-sidebar{border-right:0;border-bottom:1px solid var(--border)}.reset-row{flex-direction:column;align-items:flex-start}}