.configurator{--config-gap:var(--space-6, 1.5rem);--config-price-color:#2563eb;--config-sticky-top:calc(72px + var(--space-6, 1.5rem));--config-surface-raised:#F1F3F5;--config-card-bg:#FFFFFF;--config-card-border:#E2E5E9;--config-card-border-hover:#D3D8DE;--config-card-border-open:#C9CFD6;--config-section-hover:#FAFBFC;--config-section-open:#FFFFFF;--config-body-bg:#F8F9FA;--config-accent:#64748B;--config-accent-soft:color-mix(in srgb, #64748B 14%, transparent);--config-control-hover:#475569}html[data-theme=dark] .configurator{--config-surface-raised:#1C1C22;--config-card-bg:#141418;--config-card-border:rgba(255, 255, 255, 0.10);--config-card-border-hover:rgba(255, 255, 255, 0.16);--config-card-border-open:rgba(255, 255, 255, 0.20);--config-section-hover:#17171C;--config-section-open:#16161B;--config-body-bg:#111114;--config-accent:#94A3B8;--config-accent-soft:color-mix(in srgb, #94A3B8 18%, transparent);--config-control-hover:#CBD5E1}.configurator--embedded{margin:0;padding:0;background:0 0}.configurator--embedded .configurator__inner{width:100%}.configurator__layout{display:grid;grid-template-columns:1fr min(320px,100%);gap:var(--space-8,2rem);align-items:start}.configurator__sections{display:flex;flex-direction:column;gap:var(--space-3,.75rem)}.configurator__section{position:relative;border:1px solid var(--config-card-border);border-radius:var(--radius-lg,12px);background:var(--config-card-bg);overflow:hidden;transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease}.configurator__section:hover{border-color:var(--config-card-border-hover);background:var(--config-section-hover)}.configurator__section[open]{border-color:var(--config-card-border-open);background:var(--config-section-open);box-shadow:0 1px 2px rgba(15,23,42,4%),0 4px 14px rgba(15,23,42,4%)}.configurator__section[open]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--config-accent);border-radius:3px 0 0 3px;opacity:.85}.configurator__section summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4)var(--space-5);font-weight:600;color:var(--text);cursor:pointer;list-style:none;user-select:none;transition:background-color 180ms ease}.configurator__section summary:hover{background:color-mix(in srgb,var(--config-surface-raised) 55%,transparent)}.configurator__section summary:focus-visible{outline:2px solid var(--config-accent);outline-offset:-2px}.configurator__section summary::-webkit-details-marker{display:none}.configurator__section summary::after{content:"";flex:0 0 1.75rem;width:1.75rem;height:1.75rem;border:1px solid var(--config-card-border);border-radius:var(--radius-pill,999px);background:var(--config-surface-raised)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")50%/12px 12px no-repeat;transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease}.configurator__section[open] summary::after{transform:rotate(180deg);border-color:var(--config-card-border-open);background-color:var(--config-accent-soft)}.configurator__body{padding:0 var(--space-5)var(--space-5);border-top:1px solid var(--config-card-border);background:var(--config-body-bg)}.configurator__lede{color:var(--text-muted);font-size:.9rem;margin:var(--space-4)0}.configurator__field{margin-bottom:var(--space-4)}.configurator__field:last-child{margin-bottom:0}.configurator__field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.configurator__base-price{font-size:1.125rem;font-weight:700;margin:var(--space-2)0 var(--space-4);color:var(--config-price-color)}.configurator__links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3);font-size:.875rem}.configurator__links a{color:var(--config-price-color);text-decoration:underline;text-underline-offset:2px}.configurator__links a:hover{color:#1d4ed8}.configurator__stepper{display:inline-flex;align-items:stretch;gap:0;border:1px solid var(--config-card-border);border-radius:var(--radius-md,8px);background:var(--config-card-bg);overflow:hidden;width:fit-content}.configurator__stepper-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.75rem;width:2.75rem;min-height:2.75rem;padding:0;border:0;border-radius:0;background:var(--config-surface-raised);color:var(--text);cursor:pointer;font-size:1.25rem;font-weight:600;line-height:1;transition:background-color 160ms ease,color 160ms ease}.configurator__stepper-btn:hover{background:var(--config-control-hover);color:#fff}.configurator__stepper-btn:focus-visible{outline:2px solid var(--config-accent);outline-offset:-2px;z-index:1}.configurator__stepper-value{display:flex;align-items:center;justify-content:center;min-width:3.5rem;padding:.625rem 1rem;border-inline:1px solid var(--config-card-border);background:var(--config-card-bg);color:var(--text);font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:center}.configurator__radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.configurator__radio{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.configurator__toggle{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);cursor:pointer}.configurator__error{color:var(--error,#F9002F);font-size:.875rem;margin-top:var(--space-2)}.configurator__pcie-slot{padding:var(--space-4);border:1px solid var(--config-card-border);border-radius:var(--radius-md,8px);margin-bottom:var(--space-4);background:var(--config-surface-raised)}.configurator__pcie-slot:last-child{margin-bottom:0}.configurator__pcie-slot-title{font-weight:600;margin:0 0 var(--space-3);font-size:.95rem}.configurator-summary{position:sticky;top:var(--config-sticky-top);align-self:start;padding:var(--space-5);border:1px solid var(--config-card-border);border-radius:var(--radius-lg,12px);background:var(--config-card-bg);box-shadow:0 1px 2px rgba(15,23,42,4%),0 4px 14px rgba(15,23,42,4%);max-height:none;overflow:visible;z-index:2}.configurator-summary__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;margin:0 0 var(--space-4)}.configurator-summary__lines{list-style:none;margin:0 0 var(--space-4);padding:0;max-height:none;overflow:visible;font-size:.8125rem}.configurator-summary__line{display:grid;grid-template-columns:1fr auto;gap:var(--space-1)var(--space-3);padding:var(--space-2)0;border-bottom:1px solid var(--config-card-border)}.configurator-summary__line:last-child{border-bottom:none}.configurator-summary__label{font-weight:600;grid-column:1}.configurator-summary__detail{color:var(--text-muted);grid-column:1;font-size:.75rem}.configurator-summary__price{grid-column:2;grid-row:1/span 2;font-weight:600;white-space:nowrap;align-self:center;color:var(--config-price-color)}.configurator-summary__totals{border-top:1px solid var(--config-card-border);padding-top:var(--space-4);font-size:.875rem}.configurator-summary__row{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.configurator-summary__row>span:last-child{color:var(--config-price-color);font-weight:600;font-variant-numeric:tabular-nums}.configurator-summary__row--total{font-size:1.125rem;font-weight:700;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--config-card-border)}.configurator-summary__row--total>span:last-child{font-size:1.125rem;font-weight:700}.configurator-price-bubble{position:fixed;left:var(--space-4,1rem);bottom:var(--space-6,1.5rem);z-index:90;display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;padding:var(--space-3)var(--space-4);border:1px solid var(--config-card-border);border-radius:var(--radius-lg,12px);background:color-mix(in srgb,var(--config-card-bg) 94%,transparent);box-shadow:0 4px 16px rgba(15,23,42,8%);backdrop-filter:blur(10px);max-width:min(220px,calc(100vw - 2rem));transition:opacity var(--transition),transform var(--transition)}.configurator-price-bubble[hidden]{display:none}.configurator-price-bubble__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.configurator-price-bubble__value{font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--config-price-color);font-variant-numeric:tabular-nums}.configurator-price-bubble__note{font-size:.75rem;color:var(--text-muted)}.configurator-summary__warning{font-size:.8125rem;color:var(--text-muted);margin:var(--space-3)0;padding:var(--space-3);background:var(--config-surface-raised);border:1px solid var(--config-card-border);border-radius:var(--radius-md,8px)}.configurator-summary__actions{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.configurator-summary__actions .btn{width:100%}.configurator-summary__actions .btn:disabled,.configurator-summary__actions .btn.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:900px){.configurator{--config-sticky-top:calc(72px + var(--space-4, 1rem))}.configurator__layout{grid-template-columns:1fr}.configurator-summary{position:sticky;top:var(--config-sticky-top);order:0;max-height:none;overflow:visible}.configurator-price-bubble{left:50%;bottom:var(--space-4,1rem);transform:translateX(-50%);align-items:center;text-align:center;padding:var(--space-2)var(--space-4)}.configurator-price-bubble__value{font-size:1.125rem}}