.pc-builder-wrapper{padding:40px 0 60px}.pc-builder-header-banner{background:linear-gradient(135deg, var(--dark-900) 0%, var(--dark-800) 100%);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--white);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;margin-bottom:28px;padding:24px 32px;display:flex}.pc-builder-tag-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.pc-builder-tagline{color:var(--gray-300);font-size:.82rem}.pc-builder-main-title{color:var(--white);font-size:1.75rem;font-weight:900;font-family:var(--font-heading)}.pc-builder-subtitle{color:var(--gray-300);margin-top:4px;font-size:.86rem}.pc-builder-stats{align-items:center;gap:24px;display:flex}.stat-pill{flex-direction:column;align-items:flex-end;display:flex}.stat-pill-label{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-400);font-size:.75rem;font-weight:700}.stat-pill-value{font-size:1.35rem;font-weight:900;font-family:var(--font-heading);color:var(--accent-yellow)}.stat-pill-value.price-val{color:var(--white)}.stat-pill.is-complete .stat-pill-value{color:#4ade80}.empty-component-placeholder.is-required{color:var(--primary);font-style:normal;font-weight:600}.build-gap-notice{border-radius:var(--radius-sm);color:#7a5c12;background:#fdf6e3;border:1px solid #f0d391;align-items:flex-start;gap:10px;margin:20px 24px 0;padding:14px 16px;display:flex}.build-gap-notice svg{flex-shrink:0;margin-top:2px}.build-gap-notice p{margin:0;font-size:.88rem;line-height:1.5}.build-gap-list{gap:8px;margin:14px 24px 24px;padding:0;list-style:none;display:grid}.build-gap-list li{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-surface-subtle);color:var(--dark-900);align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;font-weight:600;display:flex}.build-gap-list li:before{content:"";background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.pc-builder-components-table{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.pc-builder-row{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);grid-template-columns:270px 1fr 140px 150px;align-items:center;gap:16px;padding:14px 24px;display:grid}.pc-builder-row:last-child{border-bottom:none}.pc-builder-row:hover{background:var(--bg-surface-subtle)}.component-type-col{align-items:center;gap:12px;display:flex}.component-icon-box{border-radius:var(--radius-sm);background:var(--primary-light);width:42px;height:42px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.component-type-info h4{color:var(--dark-900);flex-wrap:wrap;align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.component-type-info span{color:var(--gray-500);font-size:.72rem;display:block}.component-type-info p{color:var(--gray-500);margin:3px 0 0;font-size:.74rem;line-height:1.4}.required-pill{border-radius:var(--radius-full);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;background:#d1202f1a;padding:1px 7px;font-size:.62rem;font-weight:700}.component-unavailable{font-weight:600;color:var(--primary)!important}.pc-builder-group-head{border-bottom:1px solid var(--border-light);background:var(--bg-surface-subtle);padding:18px 24px 10px}.pc-builder-group-head h3{letter-spacing:.07em;text-transform:uppercase;color:var(--dark-900);margin:0;font-size:.82rem;font-weight:800}.pc-builder-group-head span{color:var(--gray-500);margin-top:2px;font-size:.74rem;display:block}.component-content-col{min-width:0}.selected-product-box{align-items:center;gap:14px;min-width:0;display:flex}.selected-product-thumb{-o-object-fit:contain;object-fit:contain;border:1px solid var(--border-light);border-radius:var(--radius-xs);background:var(--bg-surface-subtle);flex-shrink:0;width:56px;height:56px;padding:4px}.selected-product-meta{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.selected-product-title{color:var(--dark-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.selected-product-badge{border-radius:var(--radius-full);letter-spacing:.02em;color:#15803d;background:#16a34a1f;align-items:center;gap:5px;padding:2px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.selected-product-badge.is-out{color:var(--primary);background:#d121271f}.selected-product-badge.is-preorder{color:#b45309;background:#d977061f}.empty-component-placeholder{color:var(--gray-400);font-size:.84rem;font-style:italic}.component-price-col{color:var(--dark-900);text-align:right;padding-right:16px;font-size:.95rem;font-weight:800}.component-action-col{text-align:right}.btn-choose-component{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--dark-900);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.btn-choose-component:hover{background:var(--primary);border-color:var(--primary);color:var(--white)}.btn-choose-component svg{flex-shrink:0}.btn-remove-component{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);width:34px;height:34px;color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.btn-remove-component:hover{background:var(--primary);border-color:var(--primary);color:var(--white)}.component-live-price{color:var(--dark-900);white-space:nowrap;font-weight:800}.price-dash{color:var(--gray-400);font-weight:600}.pc-builder-floating-bar{background:var(--dark-900);border-radius:var(--radius-md);color:var(--white);box-shadow:var(--shadow-xl);z-index:100;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 28px;display:flex;position:sticky;bottom:20px}.pc-builder-floating-left{align-items:center;gap:16px;display:flex}.pc-builder-floating-count{color:var(--gray-400);font-size:.78rem}.pc-builder-floating-total{color:var(--accent-yellow);font-size:1.25rem;font-weight:900;font-family:var(--font-heading)}.pc-builder-floating-right{align-items:center;gap:12px;display:flex}.btn-text-light{color:var(--gray-300)!important}.component-select-back-bar{margin-bottom:20px}.component-select-header{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.component-select-title{text-transform:capitalize;color:var(--dark-900);font-size:1.35rem;font-weight:800;font-family:var(--font-heading)}.component-select-count{color:var(--gray-500);font-size:.82rem}.component-select-search-box{width:100%;max-width:320px;position:relative}.component-select-search-icon{color:var(--gray-400);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.component-select-search-input{height:40px!important;padding-left:38px!important}.component-select-list{flex-direction:column;gap:14px;display:flex}.component-select-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.component-select-card.selected{border-color:var(--primary)}.component-select-left{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.component-select-img{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xs);background:var(--bg-surface-subtle);flex-shrink:0;width:70px;height:70px}.component-select-item-title{color:var(--dark-900);margin-bottom:4px;font-size:.96rem;font-weight:700}.component-select-meta-row{color:var(--gray-600);gap:12px;font-size:.78rem;display:flex}.component-select-stock-tag{color:var(--success);font-weight:600}.component-select-right{flex-shrink:0;align-items:center;gap:20px;display:flex}.component-select-right .btn{white-space:nowrap}.component-select-price-box{text-align:right}.component-select-price{color:var(--dark-900);font-size:1.15rem;font-weight:900;font-family:var(--font-heading)}.component-select-old-price{color:var(--gray-400);font-size:.78rem;text-decoration:line-through;display:block}@media (width<=900px){.pc-builder-header-banner{flex-direction:column;align-items:flex-start;gap:16px}.pc-builder-row{grid-template-columns:1fr;gap:12px}.component-price-col,.component-action-col{text-align:left;padding-right:0}.pc-builder-floating-bar{flex-direction:column;align-items:flex-start;gap:16px}.component-select-card{flex-direction:column;align-items:flex-start}.component-select-right{justify-content:space-between;width:100%}.component-select-left{width:100%}}.pc-compat-panel{border-radius:var(--radius-md);border:1px solid;border-left-width:4px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px 16px;font-size:14px;line-height:1.55;display:flex}.pc-compat-panel svg{flex-shrink:0;margin-top:2px}.pc-compat-panel-body strong{margin-bottom:4px;display:block}.pc-compat-panel-body ul{margin:0;padding-left:18px}.pc-compat-panel-body li+li{margin-top:4px}.pc-compat-panel-body p{margin:0}.pc-compat-panel.is-error{background:var(--primary-light);color:#842029;border-color:#f5c2c7}.pc-compat-panel.is-warning{color:#7a5b00;background:#fff8e6;border-color:#f5d78e}.pc-compat-panel.is-ok{color:#14653a;background:#f0fdf4;border-color:#a7e3bf}.component-compat-toggle{background:var(--bg-surface-subtle);border:1px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.component-select-card.is-incompatible{opacity:.6;border-color:#f5c2c7}.component-select-card.is-unverified{border-color:#f5d78e}.component-compat-note{margin-top:4px;font-size:12px;line-height:1.45;display:block}.component-compat-note.is-error{color:#b42318}.component-compat-note.is-warning{color:#8a6100}.pc-builder-components-table{margin-bottom:96px}