cpq-wizard,.cpq-wizard{--color-cta: var(--os-yellow);--color-cta-hover: var(--os-yellow-600);--color-on-cta: var(--os-navy);display:block;width:100%;font-family:var(--font-body)}.cpq-wizard__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:start}.cpq-wizard__preview{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;position:sticky;top:20px;height:560px;display:flex;flex-direction:column;justify-content:center}.cpq-preview__thumb{width:100%;max-width:240px;aspect-ratio:1/1;margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;overflow:hidden}.cpq-preview__thumb img{max-width:100%;max-height:100%;object-fit:contain}.cpq-preview__specs{display:flex;flex-direction:column;gap:var(--space-1)}.cpq-preview__spec{font-size:var(--fs-sm);color:var(--text-muted);line-height:var(--lh-normal);min-height:1em}.cpq-wizard__controls{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);height:560px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.cpq-progress-bar{display:flex;align-items:flex-start;margin-bottom:var(--space-8)}.cpq-progress-step{flex:1;text-align:center;position:relative}.cpq-progress-step:not(:last-child)::after{content:"";position:absolute;top:15px;right:-50%;width:100%;height:2px;background:var(--border-strong);z-index:1}.cpq-progress-step.is-active::after,.cpq-progress-step.is-completed::after{background:var(--color-cta)}.cpq-progress-circle{width:30px;height:30px;border-radius:50%;background:var(--os-gray-200);color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-2);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);position:relative;z-index:2;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.cpq-progress-step.is-active .cpq-progress-circle,.cpq-progress-step.is-completed .cpq-progress-circle{background:var(--color-cta);color:var(--color-on-cta)}.cpq-progress-label{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--text-muted);line-height:var(--lh-snug)}.cpq-progress-step.is-active .cpq-progress-label{color:var(--text-strong);font-weight:var(--fw-semibold)}.cpq-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10);color:var(--text-muted);font-size:var(--fs-body)}cpq-wizard [hidden],.cpq-wizard [hidden]{display:none !important}.cpq-loading__spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--os-gray-200);border-top-color:var(--color-cta);border-radius:50%;animation:cpq-spin .7s linear infinite;flex-shrink:0}@keyframes cpq-spin{to{transform:rotate(360deg)}}.cpq-error{padding:var(--space-5) var(--space-6);background:var(--os-danger-100);border:1px solid var(--os-danger);border-radius:var(--radius-sm);color:var(--os-danger);font-size:var(--fs-body);margin-bottom:var(--space-4)}.cpq-error p{margin:0}.cpq-step{display:none;flex:1;overflow-y:auto;padding-right:var(--space-1)}.cpq-step.is-active{display:block}.cpq-step::-webkit-scrollbar{width:6px}.cpq-step::-webkit-scrollbar-track{background:var(--surface-sunken);border-radius:var(--radius-xs)}.cpq-step::-webkit-scrollbar-thumb{background:var(--color-cta);border-radius:var(--radius-xs)}.cpq-step::-webkit-scrollbar-thumb:hover{background:var(--color-cta-hover)}.cpq-step__title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-semibold);color:var(--text-strong);margin:0 0 var(--space-5);line-height:var(--lh-snug)}.cpq-cards-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.cpq-card{width:100%;background:var(--surface-card);border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:border-color var(--dur) var(--ease-out),background var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);display:flex;flex-direction:row;align-items:center;gap:var(--space-3);text-align:left}.cpq-card:hover{border-color:var(--color-cta);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cpq-card.is-selected{border-color:var(--color-cta);background:var(--os-yellow-100)}.cpq-card__thumb{width:48px;height:48px;min-width:48px;border-radius:var(--radius-xs);object-fit:contain;background:var(--surface-sunken);flex-shrink:0}.cpq-card__body{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.cpq-card__name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-strong);line-height:var(--lh-snug)}.cpq-card__detail{font-size:var(--fs-xs);color:var(--text-muted);line-height:var(--lh-snug)}.cpq-input-group{margin-bottom:var(--space-5)}.cpq-input-label{display:block;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-body);margin-bottom:var(--space-2)}.cpq-input-field{width:100%;padding:10px var(--space-4);border:2px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--fs-body);color:var(--text-strong);background:var(--color-bg);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);-webkit-appearance:none;appearance:none}.cpq-input-field:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(22,163,74,.25)}.cpq-input-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.cpq-size-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-5)}.cpq-size-type-btn{padding:10px var(--space-5);border:2px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--text-body);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;text-align:center;transition:border-color var(--dur) var(--ease-out),background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.cpq-size-type-btn:hover{border-color:var(--color-cta);background:var(--os-yellow-100)}.cpq-size-type-btn.is-active{border-color:var(--color-cta);background:var(--color-cta);color:var(--color-on-cta)}.cpq-price-table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;background:var(--surface-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs)}.cpq-price-table thead{background:var(--surface-sunken)}.cpq-price-table th{padding:var(--space-3) var(--space-4);text-align:left;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-strong);border:none;white-space:nowrap}.cpq-price-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--fs-body);color:var(--text-body);background:rgba(0,0,0,0)}.cpq-price-table tbody tr{cursor:pointer;transition:background var(--dur) var(--ease-out)}.cpq-price-table tbody tr:last-child td{border-bottom:none}.cpq-price-table tbody tr:hover{background:var(--surface-sunken)}.cpq-price-table tbody tr.is-selected{background:var(--os-yellow-100);font-weight:var(--fw-semibold)}.cpq-price-table tbody tr.is-selected td{border-bottom-color:var(--color-cta)}.cpq-submit-row{display:flex;justify-content:flex-end;margin-top:var(--space-5)}.cpq-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-8);gap:var(--space-3)}.cpq-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:11px var(--space-6);border:2px solid rgba(0,0,0,0);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--fs-body);font-weight:var(--fw-semibold);cursor:pointer;line-height:1;text-decoration:none;transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.cpq-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cpq-btn--primary{background:var(--color-cta);color:var(--color-on-cta);border-color:var(--color-cta)}.cpq-btn--primary:hover:not(:disabled){background:var(--color-cta-hover);border-color:var(--color-cta-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cpq-btn--secondary{background:rgba(0,0,0,0);color:var(--text-body);border-color:var(--border-strong)}.cpq-btn--secondary:hover:not(:disabled){border-color:var(--color-cta);background:var(--os-yellow-100);color:var(--text-strong)}.cpq-btn--cta{background:var(--color-cta);color:var(--color-on-cta);border-color:var(--color-cta);min-height:48px;padding:13px var(--space-8);font-size:var(--fs-body-lg)}.cpq-btn--cta:hover:not(:disabled){background:var(--color-cta-hover);border-color:var(--color-cta-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media screen and (max-width: 990px){.cpq-wizard__layout{grid-template-columns:1fr;gap:var(--space-6)}.cpq-wizard__preview{position:static;order:1;height:auto}.cpq-wizard__controls{order:2;height:480px}}@media screen and (max-width: 768px){.cpq-wizard__controls{padding:var(--space-5)}.cpq-progress-bar{margin-bottom:var(--space-6);gap:var(--space-1)}.cpq-progress-step{min-width:36px}.cpq-progress-circle{width:26px;height:26px;font-size:11px}.cpq-progress-label{font-size:9px}.cpq-progress-step:not(:last-child)::after{top:13px}.cpq-step__title{font-size:var(--fs-h4)}.cpq-cards-grid{grid-template-columns:1fr}.cpq-input-row{grid-template-columns:1fr}.cpq-size-type-selector{grid-template-columns:1fr}}@media screen and (max-width: 480px){.cpq-preview__thumb{max-width:180px}.cpq-wizard__controls{padding:var(--space-4)}}
/* Engine:dart */