.pcbg-builder-native{font-family:DM Sans Variable,sans-serif;color:#e6eaf1;background:#0b1019;font-synthesis:none;--cyan:#51e8dd;--line:#26313e;--muted:#91a0b4}.pcbg-builder-native,.pcbg-builder-native *{box-sizing:border-box}.pcbg-builder-native{margin:0}.pcbg-builder-native button,.pcbg-builder-native input{font:inherit}.pcbg-builder-native button{cursor:pointer}.pcbg-builder-native button:disabled{cursor:not-allowed}.pcbg-builder-native button:focus-visible,.pcbg-builder-native a:focus-visible,.pcbg-builder-native input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.pcbg-builder-native header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c2634;background:#0c121d}.pcbg-builder-native .brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:1.4px;font-weight:700}.pcbg-builder-native .brand small{display:block;font-size:10px;color:#7e8da2;letter-spacing:3.5px;margin-top:5px}.pcbg-builder-native .brand-mark{font-family:Outfit Variable,sans-serif;font-size:31px;width:42px;height:42px;border:1px solid #3c5066;display:flex;align-items:center;justify-content:center;color:var(--cyan)}.pcbg-builder-native .brand-mark span{font-size:18px}.pcbg-builder-native .private{font-size:10px;letter-spacing:1.6px;color:#92a3ba;display:flex;gap:12px;align-items:center}.pcbg-builder-native .private i,.pcbg-builder-native .live-dot{width:6px;height:6px;background:var(--cyan);display:inline-block;border-radius:50%}.pcbg-builder-native main{max-width:1480px;margin:auto;padding:40px 5% 20px}.pcbg-builder-native .intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.pcbg-builder-native .eyebrow,.pcbg-builder-native .small-label{font-size:10px;letter-spacing:2px;color:#8e9eb4;font-weight:600;margin:0 0 9px}.pcbg-builder-native h1,.pcbg-builder-native h2{font-family:Outfit Variable,sans-serif;font-weight:500;margin:0}.pcbg-builder-native h1{font-size:54px;letter-spacing:-1.5px;line-height:1.1}.pcbg-builder-native .intro p:not(.eyebrow){color:#9ba9bd;font-size:14px;margin:12px 0 0}.pcbg-builder-native .quiet{background:transparent;color:#c4cedb;border:1px solid #344153;border-radius:5px;padding:10px 15px;font-size:12px}.pcbg-builder-native .quiet:hover{border-color:var(--cyan);color:var(--cyan)}.pcbg-builder-native .quiet:disabled{opacity:.35}.pcbg-builder-native .preset-bar{display:flex;gap:12px;align-items:center;margin-bottom:24px}.pcbg-builder-native .preset-bar>.small-label{width:115px;flex-shrink:0;line-height:1.8;margin:0}.pcbg-builder-native .preset{flex:1;background:#111b29;border:1px solid #2b3748;border-radius:7px;padding:17px 14px;display:flex;align-items:center;gap:12px;color:#edf3ff;text-align:left}.pcbg-builder-native .preset:hover,.pcbg-builder-native .preset.active{border-color:#4ebbb9;background:#13262e}.pcbg-builder-native .preset-number{font-family:Outfit Variable;font-size:23px;color:#49627a}.pcbg-builder-native .preset strong{display:block;font-size:13px}.pcbg-builder-native .preset small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.pcbg-builder-native .preset-price{margin-left:auto;font-size:12px;color:#b7c4d7;white-space:nowrap}.pcbg-builder-native .workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);gap:24px}.pcbg-builder-native .garage{position:relative;background:radial-gradient(ellipse at 50% 45%,#233746,#121f2d 46%,#101925 75%);border:1px solid #2a3747;border-radius:10px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.pcbg-builder-native .scene-heading{display:flex;justify-content:space-between;padding:23px 25px;position:relative;z-index:1;font-size:11px;color:#abb9ca;letter-spacing:.6px}.pcbg-builder-native .live-dot{margin-right:7px;box-shadow:0 0 10px #51e8dd66}.pcbg-builder-native .case-name{color:#698197}.pcbg-builder-native #scene{flex:1;min-height:480px;position:relative}.pcbg-builder-native #scene canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.pcbg-builder-native #fallback{padding:70px 35px;color:#b8c7da;line-height:1.8}.pcbg-builder-native .scene-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 23px;color:#71889f;font-size:10px}.pcbg-builder-native .view-controls{display:flex;gap:5px}.pcbg-builder-native .view-controls button{background:#172536;border:1px solid #32485b;color:#aabed2;font-size:10px;padding:8px;border-radius:4px}.pcbg-builder-native .view-controls button[aria-pressed=true]{color:var(--cyan);border-color:#39797d}.pcbg-builder-native .lighting{padding:17px 24px;display:flex;align-items:center;gap:11px;border-top:1px solid #263648;background:#0e1925aa}.pcbg-builder-native .lighting>span{font-size:9px;letter-spacing:1.7px;color:#8498ae;margin-right:5px}.pcbg-builder-native .swatch{width:17px;height:17px;background:var(--swatch);border:3px solid #0f1b28;border-radius:50%}.pcbg-builder-native .swatch[aria-pressed=true]{outline:1px solid var(--swatch);outline-offset:2px}.pcbg-builder-native .lighting small{font-size:9px;margin-left:auto;color:#637b91}.pcbg-builder-native aside{background:#111a27;border:1px solid #283545;border-radius:10px;min-width:0;padding:22px}.pcbg-builder-native .budget{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px}.pcbg-builder-native .budget-input{display:flex;align-items:center;font-family:Outfit Variable;font-size:25px;color:#fff;gap:3px}.pcbg-builder-native .budget-input input{width:110px;background:transparent;color:#fff;border:0;border-bottom:1px solid #405168;padding:4px 0;font-family:Outfit Variable;font-size:25px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.pcbg-builder-native .budget-input input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.pcbg-builder-native .total{text-align:right;align-self:center}.pcbg-builder-native .total>span{font-size:10px;color:#96a6bb;display:block;margin-bottom:5px}.pcbg-builder-native .total strong{font-family:Outfit Variable;font-size:29px;color:var(--cyan);font-weight:500}.pcbg-builder-native .budget-track{grid-column:1/-1;margin-top:7px;height:4px;background:#243546;border-radius:5px;overflow:hidden}.pcbg-builder-native #budget-fill{height:100%;background:var(--cyan);transition:width .3s}.pcbg-builder-native .budget p{grid-column:1/-1;font-size:10px;color:#93aabd;margin:5px 0 0}.pcbg-builder-native .over{color:#ffb181!important}.pcbg-builder-native #budget-fill.over{background:#ff9b57}.pcbg-builder-native .category-tabs{display:flex;gap:4px;border-top:1px solid #293747;border-bottom:1px solid #293747;padding:12px 0;flex-wrap:wrap}.pcbg-builder-native .category-tabs button{border:0;background:transparent;color:#8f9fb5;font-size:10px;border-radius:4px;padding:9px 8px;flex:1}.pcbg-builder-native .category-tabs button.active{background:#244446;color:var(--cyan)}.pcbg-builder-native .selection-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 14px}.pcbg-builder-native h2{font-size:24px;letter-spacing:-.5px}.pcbg-builder-native .selection-head .small-label{font-size:8px;display:block;margin-bottom:5px}.pcbg-builder-native .icon-button{background:transparent;border:1px solid #34455a;color:#b8c6d8;width:30px;height:30px;border-radius:4px}.pcbg-builder-native .icon-button:disabled{opacity:.3}.pcbg-builder-native #options{display:grid;gap:9px}.pcbg-builder-native .option{display:block;background:#152131;border:1px solid #304157;color:#e5edf7;border-radius:6px;padding:15px;width:100%;text-align:left;transition:border-color .2s}.pcbg-builder-native .option:hover{border-color:#76a7ad}.pcbg-builder-native .option.selected{background:#173236;border-color:#4aaba8}.pcbg-builder-native .option.blocked{opacity:.55}.pcbg-builder-native .option-top,.pcbg-builder-native .option-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.pcbg-builder-native .option-top strong{font-size:13px;font-weight:600}.pcbg-builder-native .option-top>span{font-size:13px;color:#c7d6e8}.pcbg-builder-native .option-detail{display:block;color:#8ea3b8;font-size:10px;margin:7px 0 12px}.pcbg-builder-native .option-bottom{font-size:9px;color:#a8bccd}.pcbg-builder-native .badge{display:inline-block;background:#214447;color:#6fe1d4;padding:4px 7px;border-radius:3px;font-size:8px}.pcbg-builder-native .badge.conditional{background:#403b2c;color:#e8bf75}.pcbg-builder-native .badge.bad{background:#412d31;color:#efa2a2}.pcbg-builder-native .reason{display:block;font-size:10px;color:#b7b4a5;line-height:1.5;margin-top:9px}.pcbg-builder-native .catalogue-note{font-size:9px;line-height:1.7;color:#697e96;margin:16px 0 0}.pcbg-builder-native .build-summary{margin-top:30px;padding:24px 27px;background:#101925;border:1px solid #283545;border-radius:10px}.pcbg-builder-native .summary-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.pcbg-builder-native .summary-head .eyebrow{font-size:9px}.pcbg-builder-native .summary-head>div:last-child{display:flex;gap:10px}.pcbg-builder-native #parts-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.pcbg-builder-native .part-row{display:grid;grid-template-columns:110px 1fr 50px;gap:10px;align-items:center;border:0;border-bottom:1px solid #243142;background:transparent;width:100%;text-align:left;color:#a7b7cc;padding:13px 0;font-size:11px}.pcbg-builder-native .part-row strong{font-size:11px;font-weight:500;color:#d2dceb}.pcbg-builder-native .part-row>span:last-child{text-align:right}.pcbg-builder-native .part-row:not(.case-row):hover strong{color:var(--cyan)}.pcbg-builder-native #status{display:flex;align-items:center;gap:14px;margin-top:22px;padding:15px;background:#16252e;border-radius:6px}.pcbg-builder-native .status-icon{color:var(--cyan);font-size:22px}.pcbg-builder-native #status strong{font-size:11px;color:#b8d3d7}.pcbg-builder-native #status p{font-size:10px;color:#819aa9;margin:6px 0 0;line-height:1.6}.pcbg-builder-native footer{display:flex;justify-content:space-between;font-size:9px;color:#5d7289;letter-spacing:.7px;padding:25px 0}.pcbg-builder-native #toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#d8fff7;color:#18373d;border-radius:6px;padding:13px 22px;opacity:0;pointer-events:none;transition:.2s;font-size:12px;z-index:10;max-width:90vw}.pcbg-builder-native #toast.show{opacity:1;transform:translate(-50%)}@media(min-width:1450px){.pcbg-builder-native #scene{min-height:550px}}@media(max-width:1100px){.pcbg-builder-native main{padding:30px 3%}.pcbg-builder-native .preset-bar>.small-label{display:none}.pcbg-builder-native .preset-number{display:none}.pcbg-builder-native .workspace{gap:16px;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr)}.pcbg-builder-native .scene-foot{flex-direction:column}.pcbg-builder-native #scene{min-height:420px}.pcbg-builder-native .part-row{grid-template-columns:90px 1fr 40px}}@media(max-width:760px){.pcbg-builder-native header{height:70px;padding:0 5%}.pcbg-builder-native .private{font-size:8px;letter-spacing:.5px}.pcbg-builder-native .brand{font-size:9px;gap:8px}.pcbg-builder-native .brand small{font-size:8px}.pcbg-builder-native .brand-mark{width:33px;height:33px;font-size:25px}.pcbg-builder-native main{padding:25px 5%}.pcbg-builder-native .intro{align-items:flex-start}.pcbg-builder-native h1{font-size:39px}.pcbg-builder-native .intro p:not(.eyebrow){max-width:210px;font-size:12px;line-height:1.6}.pcbg-builder-native .eyebrow{font-size:8px}.pcbg-builder-native .intro .quiet{font-size:10px;padding:9px}.pcbg-builder-native .preset-bar{gap:7px}.pcbg-builder-native .preset{padding:12px 9px;display:block}.pcbg-builder-native .preset strong{font-size:11px}.pcbg-builder-native .preset small{display:none}.pcbg-builder-native .preset-price{display:block;margin-top:8px;font-size:10px}.pcbg-builder-native .workspace{grid-template-columns:1fr}.pcbg-builder-native .scene-heading{padding:18px;font-size:9px}.pcbg-builder-native #scene{min-height:340px;height:340px}.pcbg-builder-native .scene-foot{padding:10px 16px}.pcbg-builder-native .lighting{padding:16px}.pcbg-builder-native .budget-input input{width:100px}.pcbg-builder-native aside{padding:20px}.pcbg-builder-native .category-tabs button{font-size:9px;padding:9px 5px}.pcbg-builder-native .build-summary{padding:20px 16px}.pcbg-builder-native #parts-list{grid-template-columns:1fr}.pcbg-builder-native .part-row{grid-template-columns:95px 1fr 45px}.pcbg-builder-native .summary-head h2{font-size:21px}.pcbg-builder-native .summary-head .quiet{padding:8px;font-size:10px}.pcbg-builder-native footer{display:block;line-height:2}.pcbg-builder-native footer span{display:block}}.pcbg-builder-native #scene canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pcbg-builder-native #expand-garage{display:none}.pcbg-builder-native .camera-bar{display:flex;align-items:center;gap:6px;padding:0 24px 8px}.pcbg-builder-native .camera-bar>span{font-size:8px;letter-spacing:1.7px;color:#8498ae;margin-right:8px}.pcbg-builder-native .camera-bar button{border:1px solid #314353;border-radius:4px;background:#152331;color:#b5c6d5;padding:8px 10px;font-size:10px}.pcbg-builder-native .camera-bar button:hover,.pcbg-builder-native .view-controls button:hover{border-color:#62b9b7;color:#baf4ed}.pcbg-builder-native .scene-selection{position:absolute;bottom:15px;left:24px;z-index:1;pointer-events:none;display:grid;gap:4px}.pcbg-builder-native .scene-selection>span{font-family:Outfit Variable,sans-serif;font-size:18px;color:#c5e2e0}.pcbg-builder-native .scene-selection small{font-size:9px;color:#91a6bb}.pcbg-builder-native .scene-selection{text-shadow:0 2px 8px #071019}.pcbg-builder-native .installed-part{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px;padding:13px 0 17px;border-bottom:1px solid #293747}.pcbg-builder-native .installed-part .small-label{font-size:8px;display:block;margin:0 0 6px}.pcbg-builder-native .installed-part strong{display:block;font-size:12px;line-height:1.6;color:#c7d8df}.pcbg-builder-native .installed-part p{font-size:10px;line-height:1.6;color:#849bb1;margin:6px 0 0}.pcbg-builder-native .installed-part .quiet{font-size:10px;white-space:nowrap;padding:9px}.pcbg-builder-native .option.selected{box-shadow:inset 3px 0 #51e8dd}.pcbg-builder-native .option:hover{transform:translateY(-1px)}@media(max-width:760px){.pcbg-builder-native .camera-bar{padding:0 18px 6px}.pcbg-builder-native .scene-selection{left:18px;bottom:12px}.pcbg-builder-native .scene-selection>span{font-size:16px}.pcbg-builder-native .installed-part{gap:8px}.pcbg-builder-native .installed-part strong{font-size:11px}.pcbg-builder-native .installed-part .quiet{padding:8px}}@media(prefers-reduced-motion:reduce){.pcbg-builder-native,.pcbg-builder-native *,.pcbg-builder-native *:before,.pcbg-builder-native *:after{transition:none!important;scroll-behavior:auto!important}}.pcbg-builder-native #parts-list{display:block}.pcbg-builder-native .shopping-note{color:#91a0b4;font-size:11px;line-height:1.7}.pcbg-builder-native .shopping-row{display:grid;grid-template-columns:minmax(200px,1fr) 180px 150px;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #26313e;font-size:11px}.pcbg-builder-native .part-select{border:0;background:none;color:#91a0b4;text-align:left;display:grid;grid-template-columns:110px 1fr;gap:12px}.pcbg-builder-native .part-select strong{color:#d2dceb;font-size:12px}.pcbg-builder-native .price-entry{display:flex;align-items:center;gap:8px;color:#91a0b4}.pcbg-builder-native .price-entry input{width:80px;background:#152131;color:#fff;border:1px solid #344153;padding:8px;border-radius:4px}.pcbg-builder-native .amazon-link,.pcbg-builder-native #status a{color:#51e8dd;font-size:11px}.pcbg-builder-native .case-name{max-width:45%;text-align:right}.pcbg-builder-native .lighting small{max-width:50%;text-align:right}@media(max-width:760px){.pcbg-builder-native .shopping-row{grid-template-columns:1fr 1fr;gap:12px}.pcbg-builder-native .part-select{grid-column:1/-1;grid-template-columns:85px 1fr}.pcbg-builder-native .price-entry{font-size:10px}.pcbg-builder-native .amazon-link{text-align:right}.pcbg-builder-native .summary-head{gap:10px;align-items:flex-start}.pcbg-builder-native .summary-head>div:last-child{flex-direction:column}.pcbg-builder-native .lighting small{font-size:8px}}.pcbg-builder-native .commerce-panel,.pcbg-builder-native .feed-panel{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:20px;border:1px solid #344959;border-radius:7px;margin:18px 0;background:#14262d}.pcbg-builder-native .commerce-panel p,.pcbg-builder-native .feed-panel p{font-size:11px;line-height:1.6;color:#a2b5c5;max-width:620px;margin:8px 0 0}.pcbg-builder-native .buy-build{display:inline-block;padding:14px 18px;background:#51e8dd;color:#122c33;font-size:12px;font-weight:700;text-decoration:none;border-radius:5px;white-space:nowrap}.pcbg-builder-native .buy-build[aria-disabled=true]{background:#273947;color:#8396a7;cursor:default}.pcbg-builder-native .feed-panel{background:#111e2a;border-color:#2b3c4d;padding:16px 20px}.pcbg-builder-native .feed-panel strong{color:#c4dfdf;font-size:13px}.pcbg-builder-native #price-details{font-size:10px;line-height:1.7;color:#90a8b7;margin:15px 0}.pcbg-builder-native #price-details summary{cursor:pointer;color:#51e8dd}.pcbg-builder-native .offer-info{grid-column:1/-1;font-size:11px;color:#a4c2cb}.pcbg-builder-native .offer-info strong{color:#51e8dd}.pcbg-builder-native .offer-info small{display:block;font-size:9px;margin-top:5px}.pcbg-builder-native .offer-info a{color:#51e8dd}@media(max-width:760px){.pcbg-builder-native .commerce-panel,.pcbg-builder-native .feed-panel{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.pcbg-builder-native .buy-build{text-align:center;white-space:normal}.pcbg-builder-native .feed-panel .quiet{align-self:flex-start}}@media(max-width:760px){.pcbg-builder-native .workspace{display:block}.pcbg-builder-native .workspace aside{margin-top:16px}.pcbg-builder-native .garage{position:sticky;top:0;z-index:4;box-shadow:0 10px 24px #060c1880}.pcbg-builder-native .garage .scene-heading{padding:8px 14px;min-height:50px;align-items:center;gap:8px}.pcbg-builder-native #expand-garage{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid #3b5a68;border-radius:5px;background:#172b36;color:#aee7e2;font-size:10px;white-space:nowrap;flex-shrink:0}.pcbg-builder-native .garage:not(.is-expanded) .case-name,.pcbg-builder-native .garage:not(.is-expanded) .camera-bar,.pcbg-builder-native .garage:not(.is-expanded) .lighting,.pcbg-builder-native .garage:not(.is-expanded) .scene-foot>span{display:none}.pcbg-builder-native .garage:not(.is-expanded) #scene{flex:none;height:clamp(135px,24svh,205px);min-height:0}.pcbg-builder-native .garage:not(.is-expanded) .scene-selection{bottom:10px;left:14px}.pcbg-builder-native .garage:not(.is-expanded) .scene-selection>span{font-size:13px}.pcbg-builder-native .garage:not(.is-expanded) .scene-selection small{font-size:8px}.pcbg-builder-native .garage .scene-foot{padding:6px 12px;gap:6px}.pcbg-builder-native .garage .view-controls{width:100%;justify-content:flex-end}.pcbg-builder-native .garage .view-controls button{min-height:44px;padding:8px 12px;font-size:10px}.pcbg-builder-native .garage #fallback{padding:25px 18px;font-size:12px}.pcbg-builder-native .garage.is-expanded{position:relative;z-index:1}.pcbg-builder-native .garage.is-expanded .scene-heading{flex-wrap:wrap}.pcbg-builder-native .garage.is-expanded .scene-heading>span:first-child{flex:1}.pcbg-builder-native .garage.is-expanded .case-name{order:3;max-width:100%;width:100%;text-align:left;font-size:9px;padding-bottom:8px}.pcbg-builder-native .garage.is-expanded #scene{height:340px;min-height:340px}.pcbg-builder-native .garage.is-expanded .camera-bar button{min-height:44px}.pcbg-builder-native .selection-head,.pcbg-builder-native .category-tabs,.pcbg-builder-native .workspace aside button,.pcbg-builder-native .workspace aside input{scroll-margin-top:calc(var(--garage-dock-height,310px) + 14px)}.pcbg-builder-native .workspace aside .category-tabs button{min-height:44px}.pcbg-builder-native .workspace aside .icon-button{width:44px;height:44px}.pcbg-builder-native .workspace aside #focus-part{min-height:44px}.pcbg-builder-native #category-title:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;border-radius:2px}}@media(max-width:760px)and (max-height:500px){.pcbg-builder-native .garage:not(.is-expanded) #scene{height:95px}.pcbg-builder-native .garage:not(.is-expanded) .scene-selection>span{font-size:11px}.pcbg-builder-native .garage:not(.is-expanded) .scene-selection small{display:none}}.pcbg-builder-native [hidden]{display:none!important}.pcbg-builder-native .price-entry{display:none}.pcbg-builder-native.show-estimates .price-entry{display:flex}.pcbg-builder-native .shopping-row{grid-template-columns:minmax(200px,1fr) 150px}.pcbg-builder-native.show-estimates .shopping-row{grid-template-columns:minmax(200px,1fr) 180px 150px}.pcbg-builder-native .category-tabs button{position:relative;padding-bottom:17px}.pcbg-builder-native .category-tabs button.has-part:after{content:"";position:absolute;bottom:6px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#51e8dd}.pcbg-builder-native .garage{align-self:start}.pcbg-builder-native .workspace{align-items:start}.pcbg-builder-native .catalogue-note{color:#8da2b6}.pcbg-builder-native .option{padding:18px}.pcbg-builder-native .option-top strong{line-height:1.5}.pcbg-builder-native .selection-head{margin-top:24px}.pcbg-builder-native .commerce-panel{background:linear-gradient(100deg,#153235,#12242e);border-color:#3d696a}.pcbg-builder-native .summary-head>div:last-child{flex-wrap:wrap;justify-content:flex-end}.pcbg-builder-native .case-name{line-height:1.6}.pcbg-builder-native .scene-heading{min-height:65px}.pcbg-builder-native .total strong{font-variant-numeric:tabular-nums}@media(min-width:1101px){.pcbg-builder-native .garage{position:sticky;top:20px}.pcbg-builder-native #scene{min-height:530px}}@media(max-width:760px){.pcbg-builder-native .shopping-row,.pcbg-builder-native.show-estimates .shopping-row{grid-template-columns:1fr 1fr}.pcbg-builder-native .shopping-row:not(.show-estimates .shopping-row) .amazon-link{grid-column:2}.pcbg-builder-native .summary-head{align-items:flex-start}.pcbg-builder-native .summary-head>div:last-child{flex:0 0 120px}.pcbg-builder-native .summary-head h2{max-width:170px}.pcbg-builder-native .option{padding:17px}.pcbg-builder-native .category-tabs{gap:3px}}.pcbg-builder-native #status{align-items:flex-start}.pcbg-builder-native #status .conditions{padding-left:18px;margin:10px 0;color:#9aafbd;font-size:12px;line-height:1.7}.pcbg-builder-native #status .conditions li+li{margin-top:7px}.pcbg-builder-native #status a{display:inline-block;margin:5px 12px 0 0}.pcbg-builder-native .skip-link{position:fixed;top:8px;left:12px;padding:12px;background:#d8fff7;color:#18373d;z-index:30;transform:translateY(-160%)}.pcbg-builder-native .skip-link:focus{transform:none}.pcbg-builder-native :focus-visible{outline:2px solid #80fff0;outline-offset:4px}.pcbg-builder-native .budget-options{display:flex;gap:12px;align-items:center;margin:0 0 14px}.pcbg-builder-native .budget-options[hidden],.pcbg-builder-native button[hidden]{display:none!important}.pcbg-builder-native .budget-options button{background:#203d42;border:1px solid #547a7f;color:#d5f2f0;border-radius:4px;padding:9px;font-size:11px}.pcbg-builder-native .budget-options p{font-size:11px;line-height:1.5;color:#a5b7c8}.pcbg-builder-native .budget-choice{display:block;font-size:11px;color:#c0d4db;margin-top:10px;line-height:1.6}.pcbg-builder-native .budget-choice:empty{display:none}.pcbg-builder-native .private,.pcbg-builder-native .preset-number,.pcbg-builder-native .case-name,.pcbg-builder-native .scene-foot,.pcbg-builder-native .lighting small,.pcbg-builder-native footer{color:#a5b8cd}.pcbg-builder-native .lighting>span,.pcbg-builder-native .small-label,.pcbg-builder-native .camera-bar>span{color:#a7bacd}.pcbg-builder-native .swatch{width:26px;height:26px}.pcbg-builder-native .view-controls{flex-wrap:wrap}.pcbg-builder-native .view-controls button,.pcbg-builder-native .camera-bar button{min-height:32px}.pcbg-builder-native .scene-selection{background:#142332;padding:8px 10px;border-radius:5px;max-width:85%}.pcbg-builder-native #status a{display:inline-flex;align-items:center;min-height:44px;padding:9px 0;margin:4px 14px 0 0}.pcbg-builder-native #fallback{position:relative;z-index:2;background:#142332dd}.pcbg-builder-native #fallback[hidden]{display:none}.pcbg-builder-native #qa-panel{margin-top:30px;padding:20px;border:1px solid #5e7b8e}.pcbg-builder-native #qa-panel button{padding:12px;margin:8px;background:#244446;color:#fff;border:1px solid #709595}.pcbg-builder-native #qa-results{white-space:pre-wrap;overflow-wrap:anywhere;color:#d1e5ec;font-size:12px;line-height:1.6}@media(prefers-reduced-motion:reduce){.pcbg-builder-native,.pcbg-builder-native *,.pcbg-builder-native *:before,.pcbg-builder-native *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.pcbg-builder-native .option:hover{transform:none}}@media(max-width:760px){.pcbg-builder-native .garage.is-expanded .swatch{width:44px;height:44px;flex:0 0 44px}.pcbg-builder-native .garage.is-expanded .lighting{flex-wrap:wrap}.pcbg-builder-native .garage.is-expanded .lighting small{max-width:100%;margin-left:0}.pcbg-builder-native .view-controls button,.pcbg-builder-native .camera-bar button{min-height:44px}.pcbg-builder-native #fallback{padding:20px;font-size:12px;line-height:1.6}}.pcbg-builder-native #estimate-explainer{font-size:11px;line-height:1.6;color:#b4c7d2}.pcbg-builder-native #assembly-progress{color:#a7bacd}.pcbg-builder-native .total strong{font-size:25px;white-space:nowrap}.pcbg-builder-native .budget-options{margin-bottom:15px}.pcbg-builder-native .option-estimate{min-width:70px;text-align:right;white-space:nowrap}.pcbg-builder-native .option-estimate small,.pcbg-builder-native .part-estimate small{display:block;font-size:10px;color:#a7bacd;margin-top:4px}.pcbg-builder-native .part-estimate{color:#d2dceb;font-size:12px;text-align:right}.pcbg-builder-native.show-estimates .part-estimate{display:none}.pcbg-builder-native .shopping-row{grid-template-columns:minmax(200px,1fr) 100px 170px}.pcbg-builder-native.show-estimates .shopping-row{grid-template-columns:minmax(200px,1fr) 200px 170px}@media(max-width:760px){.pcbg-builder-native .shopping-row,.pcbg-builder-native.show-estimates .shopping-row{grid-template-columns:1fr 1fr}.pcbg-builder-native .part-estimate{text-align:left}.pcbg-builder-native .preset-price{font-size:10px}.pcbg-builder-native .total strong{font-size:23px}.pcbg-builder-native .option-estimate{font-size:12px!important}}.pcbg-builder-native .preset-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.pcbg-builder-native .preset-bar>.small-label{grid-column:1/-1;width:auto;display:block}.pcbg-builder-native .preset{min-width:0}.pcbg-builder-native .preset>span:nth-child(2){min-width:0}.pcbg-builder-native .preset-number{display:none}.pcbg-builder-native #choice-count{font-size:11px;line-height:1.5;color:#a7bacd;margin:6px 0 0}@media(min-width:761px){.pcbg-builder-native .garage{align-self:start;position:sticky;top:16px;height:min(780px,calc(100vh - 32px))}.pcbg-builder-native #scene{min-height:300px}}@media(max-width:760px){.pcbg-builder-native .preset-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pcbg-builder-native .preset{display:flex;flex-wrap:wrap;padding:12px;gap:5px}.pcbg-builder-native .preset-price{margin:4px 0 0;flex-basis:100%}.pcbg-builder-native .preset small{display:block;line-height:1.5}.pcbg-builder-native .preset-bar>.small-label{font-size:9px}}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.pcbg-builder-native{line-height:1.5;text-align:left;--cyan:#51e8dd;--line:#26313e;--muted:#91a0b4}
.pcbg-builder-native>header{display:none}
.pcbg-builder-native main{max-width:1200px;width:100%;padding:32px 34px 24px;margin:0 auto}
.pcbg-builder-native h1,.pcbg-builder-native h2{color:inherit}
.pcbg-builder-native button{line-height:normal;text-transform:none;font-weight:400;letter-spacing:normal}
.pcbg-builder-native .intro{margin-bottom:24px}
.pcbg-builder-native .intro h1{font-size:44px}
.pcbg-builder-native p{margin-bottom:0}
.pcbg-builder-native .garage{top:16px;height:min(780px,calc(100vh - 32px))}
.admin-bar .pcbg-builder-native .garage{top:48px;height:min(780px,calc(100vh - 64px))}
@media(max-width:921px){.pcbg-builder-native main{padding:28px 20px 20px}}
@media(max-width:760px){.pcbg-builder-native main{padding:24px 16px 20px}.pcbg-builder-native .intro h1{font-size:34px}.pcbg-builder-native .garage{top:0;height:auto}.admin-bar .pcbg-builder-native .garage{top:46px;height:auto}.admin-bar .pcbg-builder-native .selection-head{scroll-margin-top:calc(var(--garage-dock-height,310px) + 60px)}}
/* Public WordPress page: the same visual language as PC Builders Guide.
   Scoped separately so the site's navigation and legacy embed remain untouched. */
.pcbg-builder-native {
  --cyan: #2563eb;
  --line: #e2e8f0;
  --muted: #475569;
  color: #0f172a;
  background: #f8fafc;
  font-size: 16px;
}
.pcbg-builder-native main { padding-bottom: 36px; }
.pcbg-builder-native .intro h1 { font-size: clamp(36px, 4vw, 48px); font-weight: 600; letter-spacing: -.025em; line-height: 1.12; }
.pcbg-builder-native .intro p:not(.eyebrow) { color: #475569; font-size: 18px; line-height: 1.55; max-width: none; }
.pcbg-builder-native .eyebrow,
.pcbg-builder-native .small-label { color: #1d4ed8; font-size: 12px; letter-spacing: .12em; font-weight: 700; }
.pcbg-builder-native button { font-family: 'DM Sans Variable', sans-serif; }
.pcbg-builder-native :focus-visible { outline: 3px solid #2563eb; outline-offset: 4px; }
.pcbg-builder-native .quiet,
.pcbg-builder-native .icon-button,
.pcbg-builder-native .budget-options button { background: #fff; color: #0f172a; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 13px; font-weight: 600; line-height: 1.4; }
.pcbg-builder-native .quiet { padding: 11px 16px; }
.pcbg-builder-native .quiet:hover,
.pcbg-builder-native .budget-options button:hover { color: #1d4ed8; border-color: #2563eb; background: #eff6ff; }
.pcbg-builder-native .quiet:disabled,
.pcbg-builder-native .icon-button:disabled { opacity: .5; }
.pcbg-builder-native .preset-bar { gap: 12px; }
.pcbg-builder-native .preset-bar > .small-label { font-size: 12px; }
.pcbg-builder-native .preset { background: #fff; color: #0f172a; border-color: #e2e8f0; border-radius: 12px; padding: 18px; box-shadow: 0 6px 24px #0f172a05; }
.pcbg-builder-native .preset strong { font-family: 'Outfit Variable', sans-serif; font-size: 17px; font-weight: 600; }
.pcbg-builder-native .preset small { color: #475569; font-size: 12px; line-height: 1.5; }
.pcbg-builder-native .preset-price { color: #1d4ed8; font-size: 13px; font-weight: 600; }
.pcbg-builder-native .preset:hover,
.pcbg-builder-native .preset.active { background: #eff6ff; border-color: #2563eb; }
.pcbg-builder-native .preset.active { box-shadow: inset 0 0 0 1px #2563eb; }
.pcbg-builder-native aside,
.pcbg-builder-native .build-summary { background: #fff; border-color: #e2e8f0; border-radius: 16px; box-shadow: 0 6px 24px #0f172a05; }
.pcbg-builder-native .budget-input,
.pcbg-builder-native .budget-input input { color: #0f172a; }
.pcbg-builder-native .budget-input input { border-bottom-color: #94a3b8; }
.pcbg-builder-native .total > span { color: #475569; font-size: 12px; }
.pcbg-builder-native .total strong { color: #1d4ed8; font-size: 28px; }
.pcbg-builder-native .budget-track { background: #e2e8f0; height: 5px; }
.pcbg-builder-native .budget p,
.pcbg-builder-native #estimate-explainer,
.pcbg-builder-native #assembly-progress { color: #475569; font-size: 12px; }
.pcbg-builder-native .over { color: #9a3412 !important; }
.pcbg-builder-native #budget-fill.over { background: #c2410c; }
.pcbg-builder-native .category-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-color: #e2e8f0; gap: 4px; }
.pcbg-builder-native .category-tabs button { background: #f8fafc; color: #475569; font-size: 12px; border-radius: 6px; font-weight: 600; }
.pcbg-builder-native .category-tabs button:hover { color: #1d4ed8; background: #eff6ff; }
.pcbg-builder-native .category-tabs button.active { color: #fff; background: #2563eb; }
.pcbg-builder-native .category-tabs button.has-part::after { background: #2563eb; }
.pcbg-builder-native .category-tabs button.active.has-part::after { background: #fff; }
.pcbg-builder-native h2 { font-weight: 600; font-size: 28px; }
.pcbg-builder-native .selection-head .small-label,
.pcbg-builder-native .installed-part .small-label { font-size: 11px; }
.pcbg-builder-native #choice-count { color: #475569; font-size: 12px; }
.pcbg-builder-native .icon-button { width: 36px; height: 36px; }
.pcbg-builder-native .installed-part { border-color: #e2e8f0; }
.pcbg-builder-native .installed-part strong { color: #0f172a; font-size: 14px; }
.pcbg-builder-native .installed-part p { color: #475569; font-size: 12px; }
.pcbg-builder-native .installed-part .quiet { font-size: 12px; }
.pcbg-builder-native .budget-options p { color: #475569; font-size: 12px; }
.pcbg-builder-native .budget-options button[aria-pressed=true] { background: #2563eb; color: #fff; border-color: #2563eb; }
.pcbg-builder-native .budget-options button { white-space: nowrap; flex-shrink: 0; }
.pcbg-builder-native .option { background: #fff; color: #0f172a; border-color: #cbd5e1; border-radius: 10px; }
.pcbg-builder-native .option:hover { border-color: #2563eb; background: #f8fafc; }
.pcbg-builder-native .option.selected { background: #eff6ff; border-color: #2563eb; box-shadow: inset 3px 0 #2563eb; }
.pcbg-builder-native .option:disabled { background: #f1f5f9; border-color: #e2e8f0; opacity: 1; }
.pcbg-builder-native .option-top strong { font-size: 14px; font-weight: 700; }
.pcbg-builder-native .option-top > span { color: #0f172a; font-size: 14px; }
.pcbg-builder-native .option-estimate small,
.pcbg-builder-native .part-estimate small { color: #475569; font-size: 11px; }
.pcbg-builder-native .option-detail { color: #475569; font-size: 12px; line-height: 1.6; }
.pcbg-builder-native .option-bottom { color: #1d4ed8; font-size: 12px; }
.pcbg-builder-native .badge { color: #166534; background: #dcfce7; font-size: 11px; border-radius: 5px; }
.pcbg-builder-native .badge.conditional { color: #92400e; background: #fef3c7; }
.pcbg-builder-native .badge.bad { color: #991b1b; background: #fee2e2; }
.pcbg-builder-native .reason,
.pcbg-builder-native .budget-choice { color: #475569; font-size: 12px; }
.pcbg-builder-native .catalogue-note { color: #475569; font-size: 12px; }
.pcbg-builder-native .summary-head .eyebrow { font-size: 12px; }
.pcbg-builder-native .shopping-note { color: #475569; font-size: 14px; }
.pcbg-builder-native .commerce-panel { background: #eff6ff; border-color: #bfdbfe; border-radius: 10px; }
.pcbg-builder-native .commerce-panel p { color: #475569; font-size: 14px; }
.pcbg-builder-native .buy-build { font-family: 'Outfit Variable', sans-serif; background: #2563eb; color: #fff; border-radius: 8px; font-size: 15px; font-weight: 600; }
.pcbg-builder-native .buy-build:hover { background: #1d4ed8; color: #fff; }
.pcbg-builder-native .buy-build[aria-disabled=true] { background: #e2e8f0; color: #475569; }
.pcbg-builder-native .shopping-row { border-color: #e2e8f0; font-size: 14px; }
.pcbg-builder-native .part-select { color: #475569; font-size: 13px; }
.pcbg-builder-native .part-select strong { color: #0f172a; font-size: 14px; }
.pcbg-builder-native .part-select:hover strong { color: #1d4ed8; }
.pcbg-builder-native .part-estimate { color: #0f172a; font-size: 14px; }
.pcbg-builder-native .price-entry { color: #475569; font-size: 13px; }
.pcbg-builder-native .price-entry input { background: #fff; color: #0f172a; border-color: #94a3b8; border-radius: 6px; }
.pcbg-builder-native .amazon-link,
.pcbg-builder-native #status a { color: #1d4ed8; font-size: 13px; }
.pcbg-builder-native .amazon-link:hover,
.pcbg-builder-native #status a:hover { color: #1e40af; text-decoration: underline; }
.pcbg-builder-native #status { background: #f1f5f9; border-radius: 10px; padding: 20px; }
.pcbg-builder-native .status-icon { color: #2563eb; }
.pcbg-builder-native #status strong { color: #0f172a; font-size: 15px; }
.pcbg-builder-native #status p,
.pcbg-builder-native #status .conditions { color: #475569; font-size: 14px; }
.pcbg-builder-native footer { color: #475569; font-size: 12px; letter-spacing: 0; }
.pcbg-builder-native #toast,
.pcbg-builder-native .skip-link { background: #0f172a; color: #fff; border-radius: 8px; font-size: 14px; }

/* The interactive stage follows the site's navy feature panels. */
.pcbg-builder-native .garage { --cyan: #93c5fd; color: #fff; background: radial-gradient(ellipse at 50% 45%, #253b58 0%, #15243b 46%, #0f172a 80%); border-color: #1e293b; border-radius: 16px; }
.pcbg-builder-native .garage :focus-visible { outline-color: #93c5fd; }
.pcbg-builder-native .scene-heading { color: #e2e8f0; font-size: 12px; }
.pcbg-builder-native .case-name,
.pcbg-builder-native .scene-foot,
.pcbg-builder-native .camera-bar > span,
.pcbg-builder-native .lighting > span,
.pcbg-builder-native .lighting small { color: #cbd5e1; }
.pcbg-builder-native .live-dot { background: #93c5fd; box-shadow: 0 0 10px #2563eb55; }
.pcbg-builder-native .camera-bar button,
.pcbg-builder-native .view-controls button,
.pcbg-builder-native #expand-garage { color: #e2e8f0; background: #1e293b; border-color: #475569; border-radius: 6px; font-size: 11px; }
.pcbg-builder-native .camera-bar button:hover,
.pcbg-builder-native .view-controls button:hover,
.pcbg-builder-native .view-controls button[aria-pressed=true],
.pcbg-builder-native #expand-garage:hover { color: #fff; background: #1d4ed8; border-color: #60a5fa; }
.pcbg-builder-native .lighting { background: #0f172a; border-color: #334155; }
.pcbg-builder-native .swatch { padding: 0; min-height: 0; width: 26px; height: 26px; flex: 0 0 26px; }
.pcbg-builder-native .lighting > span,
.pcbg-builder-native .lighting small { font-size: 10px; }
.pcbg-builder-native .scene-foot { font-size: 11px; }
.pcbg-builder-native .scene-selection { background: #0f172ae6; }
.pcbg-builder-native .scene-selection > span { color: #fff; }
.pcbg-builder-native .scene-selection small { color: #cbd5e1; }

@media (max-width: 1100px) {
  .pcbg-builder-native .preset { flex-wrap: wrap; gap: 6px; }
  .pcbg-builder-native .preset-price { flex-basis: 100%; margin: 4px 0 0; }
}
@media (max-width: 760px) {
  .pcbg-builder-native .intro { display: block; }
  .pcbg-builder-native .intro .quiet { margin-top: 16px; min-height: 44px; }
  .pcbg-builder-native .intro p:not(.eyebrow) { font-size: 16px; }
  .pcbg-builder-native .preset { padding: 14px 12px; }
  .pcbg-builder-native .preset strong { font-size: 15px; }
  .pcbg-builder-native .preset small { font-size: 11px; }
  .pcbg-builder-native .preset-price { font-size: 12px; }
  .pcbg-builder-native aside { padding: 18px; }
  .pcbg-builder-native .total strong { font-size: 24px; }
  .pcbg-builder-native .icon-button { width: 44px; height: 44px; }
  .pcbg-builder-native .category-tabs button { padding-left: 4px; padding-right: 4px; }
  .pcbg-builder-native .budget-options { flex-wrap: wrap; gap: 8px; }
  .pcbg-builder-native .budget-options button { min-height: 44px; }
  .pcbg-builder-native .option { padding: 15px; }
  .pcbg-builder-native .option-top { align-items: flex-start; }
  .pcbg-builder-native .option-top strong { font-size: 13px; overflow-wrap: anywhere; }
  .pcbg-builder-native .option-bottom { flex-wrap: wrap; gap: 8px; }
  .pcbg-builder-native .summary-head { flex-direction: column; }
  .pcbg-builder-native .summary-head h2 { max-width: none; font-size: 26px; }
  .pcbg-builder-native .summary-head > div:last-child { flex: auto; flex-direction: row; justify-content: flex-start; }
  .pcbg-builder-native .summary-head .quiet { min-height: 44px; font-size: 12px; }
  .pcbg-builder-native .shopping-row .part-select { grid-template-columns: 1fr; gap: 4px; }
  .pcbg-builder-native .garage .view-controls { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; }
  .pcbg-builder-native .garage .view-controls button { padding: 6px 3px; font-size: 10px; }
  .pcbg-builder-native .scene-heading { font-size: 11px; }
  .pcbg-builder-native .garage.is-expanded .lighting small { font-size: 11px; }
  .pcbg-builder-native .garage.is-expanded .swatch { width: 44px; height: 44px; flex-basis: 44px; }
}
/* Beginner view: one selector per part, with detail opened only when wanted. */
.pcbg-builder-native.is-compact .compatibility-notice{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#fff1f2;color:#9f1239;border-left:5px solid #be123c;font-size:12px;line-height:1.4;flex-shrink:0}
.pcbg-builder-native.is-compact .compatibility-notice[hidden],.pcbg-builder-native.is-compact .picker-concern[hidden]{display:none}
.pcbg-builder-native.is-compact .compatibility-notice button{min-height:44px;flex-shrink:0;padding:6px 10px;background:#fff;color:#9f1239;border:1px solid #be123c;border-radius:5px;font-size:12px}
.pcbg-builder-native.is-compact .compatibility-notice button:focus-visible,.pcbg-builder-native.is-compact #build-concerns:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.pcbg-builder-native.is-compact .picker-row.has-concern select{border:2px solid #be123c;background:#fff1f2}
.pcbg-builder-native.is-compact .picker-concern{grid-column:1/-1;color:#9f1239;font-size:12px;line-height:1.4;padding:0 0 4px}
.pcbg-builder-native.is-compact .compatibility-notice.is-review-only{background:#fff7e6;color:#713f12;border-left-color:#a16207}
.pcbg-builder-native.is-compact .compatibility-notice.is-review-only button{color:#713f12;border-color:#a16207}
.pcbg-builder-native.is-compact .picker-row.has-concern.is-review-only select{border-color:#a16207;background:#fff7e6}
.pcbg-builder-native.is-compact .picker-row.is-review-only .picker-concern{color:#713f12}
.pcbg-builder-native.is-compact #build-concerns{scroll-margin-top:16px}
@media(max-width:760px){.pcbg-builder-native.is-compact #build-concerns{scroll-margin-top:calc(var(--garage-dock-height,235px) + 14px)}}
.pcbg-builder-native.is-compact main { padding-top: 24px; }
.pcbg-builder-native.is-compact .intro { margin-bottom: 18px; gap: 16px; }
.pcbg-builder-native.is-compact .intro h1 { font-size: 36px; }
.pcbg-builder-native.is-compact .intro p:not(.eyebrow) { font-size: 15px; margin-top: 6px; }
.pcbg-builder-native.is-compact #fit-headline { color: #1d4ed8; font-size: 14px; font-weight: 600; }
.pcbg-builder-native.is-compact .builder-toolbar { display: grid; grid-template-columns: 1fr; gap: 12px; align-items: center; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 20px; margin-bottom: 20px; }
.pcbg-builder-native.is-compact .starter-control label { display: block; color: #0f172a; font-weight: 600; font-size: 14px; margin-bottom: 7px; }
.pcbg-builder-native.is-compact select { width: 100%; min-width: 0; min-height: 44px; border: 1px solid #94a3b8; border-radius: 6px; background-color: #fff; color: #0f172a; font-family: 'DM Sans Variable', sans-serif; font-size: 13px; padding: 8px 28px 8px 10px; line-height: 1.4; cursor: pointer; }
.pcbg-builder-native.is-compact #preset-select { font-size: 15px; }
.pcbg-builder-native.is-compact .builder-toolbar .budget { margin: 0; gap: 2px 12px; }
.pcbg-builder-native.is-compact .budget-input,
.pcbg-builder-native.is-compact .budget-input input { font-size: 23px; }
.pcbg-builder-native.is-compact .total strong { font-size: 25px; }
.pcbg-builder-native.is-compact .total strong { display: block; line-height: 1; }
.pcbg-builder-native.is-compact .budget-input { line-height: 1; margin: 0; }
.pcbg-builder-native.is-compact .budget-input input { line-height: 1; padding: 2px 0; }
.pcbg-builder-native.is-compact .budget .small-label { display: block; margin: 0; line-height: 1.4; }
.pcbg-builder-native.is-compact .budget-track,
.pcbg-builder-native.is-compact .budget #assembly-progress { display: none; }
.pcbg-builder-native.is-compact .budget #remaining { margin-top: 2px; }
.pcbg-builder-native.is-compact #estimate-explainer { display: none; }
.pcbg-builder-native.is-compact .workspace { grid-template-columns: minmax(0, 1.25fr) minmax(390px, 1fr); gap: 20px; }
.pcbg-builder-native.is-compact .visual-column { min-width: 0; }
.pcbg-builder-native.is-compact .garage { position: relative; top: 0; height: 420px; }
.pcbg-builder-native.is-compact #scene { min-height: 160px; }
.pcbg-builder-native.is-compact .scene-heading { min-height: 48px; padding: 13px 18px; font-size: 11px; }
.pcbg-builder-native.is-compact .scene-foot { padding: 10px 14px; }
.pcbg-builder-native.is-compact .scene-foot > span { display: none; }
.pcbg-builder-native.is-compact .view-controls { width: 100%; justify-content: center; }
.pcbg-builder-native.is-compact .view-controls button { min-height: 36px; font-size: 11px; padding: 7px 12px; }
.pcbg-builder-native.is-compact .preview-tools { background: #0f172a; border-top: 1px solid #334155; }
.pcbg-builder-native.is-compact .preview-tools summary { color: #cbd5e1; padding: 10px 18px; font-size: 12px; cursor: pointer; }
.pcbg-builder-native.is-compact .preview-tools .camera-bar { padding-top: 8px; }
.pcbg-builder-native.is-compact aside { padding: 18px; }
.pcbg-builder-native.is-compact .picker-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pcbg-builder-native.is-compact .picker-heading h2 { font-size: 23px; }
.pcbg-builder-native.is-compact .picker-heading .quiet { padding: 8px 12px; font-size: 12px; }
.pcbg-builder-native.is-compact .picker-intro { color: #475569; font-size: 12px; margin: 5px 0 14px; }
.pcbg-builder-native.is-compact .component-selectors { display: grid; gap: 8px; }
.pcbg-builder-native.is-compact .picker-row { display: grid; grid-template-columns: 94px minmax(0, 1fr); align-items: center; gap: 8px; border-radius: 6px; }
.pcbg-builder-native.is-compact .picker-row > label { font-size: 13px; line-height: 1.3; color: #0f172a; font-weight: 600; margin: 0; }
.pcbg-builder-native.is-compact .picker-row.is-active select { border-color: #2563eb; background-color: #eff6ff; }
.pcbg-builder-native.is-compact .picker-filter { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin: 14px 0; font-size: 11px; color: #475569; }
.pcbg-builder-native.is-compact .picker-filter label { display: flex; align-items: center; gap: 7px; margin: 0; cursor: pointer; }
.pcbg-builder-native.is-compact #budget-filter { accent-color: #2563eb; width: 16px; height: 16px; margin: 0; }
.pcbg-builder-native.is-compact .active-part-info { padding: 12px; background: #f1f5f9; border-radius: 8px; }
.pcbg-builder-native.is-compact .active-part-info strong { display: block; font-size: 13px; }
.pcbg-builder-native.is-compact .active-part-info p { font-size: 12px; color: #475569; margin-top: 6px; line-height: 1.6; }
.pcbg-builder-native.is-compact .active-part-info summary,
.pcbg-builder-native.is-compact .unavailable-options summary { font-size: 12px; color: #1d4ed8; margin-top: 8px; cursor: pointer; }
.pcbg-builder-native.is-compact .unavailable-options { margin-top: 12px; }
.pcbg-builder-native.is-compact .unavailable-options p,
.pcbg-builder-native.is-compact .unavailable-options li { color: #475569; font-size: 12px; line-height: 1.6; margin-top: 8px; }
.pcbg-builder-native.is-compact .unavailable-options ul { padding-left: 18px; margin: 8px 0; }
.pcbg-builder-native.is-compact .picker-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.pcbg-builder-native.is-compact .build-fit { padding-top: 16px; }
.pcbg-builder-native.is-compact .build-fit > h2 { font-size: 20px; margin-bottom: 10px; }
.pcbg-builder-native.is-compact .capability-list { list-style: disc; margin: 0; padding-left: 20px; color: #475569; font-size: 13px; line-height: 1.55; }
.pcbg-builder-native.is-compact .capability-list li + li { margin-top: 9px; }
.pcbg-builder-native.is-compact .capability-list li::marker { color: #2563eb; }
.pcbg-builder-native.is-compact .capability-list strong { color: #0f172a; }
.pcbg-builder-native.is-compact .starting-fold { border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; margin-bottom: 10px; }
.pcbg-builder-native.is-compact .starting-fold > summary { min-height: 44px; padding: 12px 20px; cursor: pointer; color: #1d4ed8; font-size: 14px; font-weight: 600; }
.pcbg-builder-native.is-compact .starting-options { padding: 0 20px 16px; }
.pcbg-builder-native.is-compact .starting-options .starter-control { margin-bottom: 14px; }
.pcbg-builder-native.is-compact .fit-disclaimer { color: #475569; font-size: 11px; margin-top: 8px; }
.pcbg-builder-native.is-compact .fit-details summary { font-size: 12px; color: #1d4ed8; cursor: pointer; padding: 10px 0; }
.pcbg-builder-native.is-compact .fit-details p { color: #475569; font-size: 13px; line-height: 1.6; margin-top: 10px; }
.pcbg-builder-native.is-compact .fit-source-links a { color: #1d4ed8; }
.pcbg-builder-native.is-compact .commerce-panel { margin-top: 20px; margin-bottom: 8px; padding: 16px 20px; }
.pcbg-builder-native.is-compact .commerce-panel p { font-size: 12px; }
.pcbg-builder-native.is-compact .compact-disclosure { color: #475569; font-size: 12px; line-height: 1.6; margin-bottom: 16px; }
.pcbg-builder-native.is-compact .shopping-fold { border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; }
.pcbg-builder-native.is-compact .shopping-fold > summary { font-family: 'Outfit Variable', sans-serif; font-size: 17px; font-weight: 600; padding: 18px 20px; cursor: pointer; color: #0f172a; }
.pcbg-builder-native.is-compact .shopping-fold .build-summary { margin-top: 0; border: 0; box-shadow: none; }
.pcbg-builder-native.is-compact .shopping-fold .summary-head h2 { font-size: 24px; }
@media (max-width: 1050px) {
 .pcbg-builder-native.is-compact .workspace { grid-template-columns: minmax(0, 1.1fr) minmax(360px, 1fr); gap: 16px; }
 .pcbg-builder-native.is-compact .picker-row { grid-template-columns: 80px minmax(0, 1fr); }
 .pcbg-builder-native.is-compact .scene-foot { flex-direction: row; }
}
@media (max-width: 760px) {
 .pcbg-builder-native.is-compact .intro h1 { font-size: 32px; }
 .pcbg-builder-native.is-compact .intro .quiet { margin-top: 10px; }
 .pcbg-builder-native.is-compact .builder-toolbar { grid-template-columns: 1fr; gap: 14px; padding: 14px; }
 .pcbg-builder-native.is-compact .workspace { display: block; }
 .pcbg-builder-native.is-compact .visual-column { display: contents; }
 .pcbg-builder-native.is-compact .garage { position: sticky; top: 0; height: auto; z-index: 4; }
 .admin-bar .pcbg-builder-native.is-compact .garage { top: 46px; }
 .pcbg-builder-native.is-compact .garage .scene-heading { min-height: 44px; padding: 8px 12px; }
 .pcbg-builder-native.is-compact .garage:not(.is-expanded) .preview-tools { display: none; }
 .pcbg-builder-native.is-compact .garage:not(.is-expanded) #scene { height: 135px; min-height: 0; }
 .pcbg-builder-native.is-compact .garage.is-expanded { position: relative; top: 0; }
 .pcbg-builder-native.is-compact .garage.is-expanded #scene { height: 300px; min-height: 300px; }
 .pcbg-builder-native.is-compact .garage .scene-foot { padding: 6px 10px; }
 .pcbg-builder-native.is-compact .garage .view-controls button { min-height: 44px; padding: 6px 3px; font-size: 10px; }
 .pcbg-builder-native.is-compact .build-fit { padding: 14px 0 0; }
 .pcbg-builder-native.is-compact aside { padding: 14px; }
 .pcbg-builder-native.is-compact .picker-row { grid-template-columns: 78px minmax(0, 1fr); gap: 6px; }
 .pcbg-builder-native.is-compact .picker-row label { font-size: 12px; }
 .pcbg-builder-native.is-compact select { font-size: 12px; }
 .pcbg-builder-native.is-compact .picker-filter label { min-height: 44px; }
 .pcbg-builder-native.is-compact .picker-heading h2 { font-size: 22px; }
 .pcbg-builder-native.is-compact [data-part-category] { scroll-margin-top: calc(var(--garage-dock-height, 235px) + 14px); }
 .pcbg-builder-native.is-compact .commerce-panel { padding: 14px; }
}

.pcbg-builder-native.is-compact .build-concerns{margin:12px 0;padding:12px;border:1px solid #d99721;border-radius:8px;background:#fff7e6;color:#513b13;font-size:13px;line-height:1.5}
.pcbg-builder-native.is-compact .build-concerns[hidden]{display:none}
.pcbg-builder-native.is-compact .build-concerns ul{margin:6px 0 0;padding-left:18px}
.pcbg-builder-native.is-compact .build-concerns .concern-list{list-style:none;padding:0;margin-top:8px}
.pcbg-builder-native.is-compact .concern-list>li+li{border-top:1px solid #e6cd9b;padding-top:12px;margin-top:12px}
.pcbg-builder-native.is-compact .concern-list p{margin:0;line-height:1.5}
.pcbg-builder-native.is-compact .fix-options{display:grid;gap:8px;margin-top:10px}
.pcbg-builder-native.is-compact button.compatibility-fix{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid #93b4ec;border-radius:6px;background:#fff;color:#163a73;text-align:left;font-family:'DM Sans Variable',sans-serif;font-size:13px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.pcbg-builder-native.is-compact button.compatibility-fix:hover{background:#eff6ff;border-color:#2563eb}
.pcbg-builder-native.is-compact button.compatibility-fix:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.pcbg-builder-native.is-compact .compatibility-fix span{display:block}
.pcbg-builder-native.is-compact .compatibility-fix .fix-cost{font-size:12px;color:#475569;margin-top:3px}
.pcbg-builder-native.is-compact .build-concerns .fix-note{font-size:11px;line-height:1.5;margin-top:10px}

/* Game quick start and comparisons stay inline with the existing branded UI. */
.pcbg-builder-native.is-compact .game-start{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1.2fr) minmax(0,.85fr) auto;gap:10px 16px;align-items:end;padding:14px 20px;margin:0;border:1px solid #c5d8f4;border-radius:12px;background:#f5f9ff}
.pcbg-builder-native.is-compact .game-start-label{align-self:center}
.pcbg-builder-native.is-compact .game-start-label strong{display:block;font-family:'Outfit Variable',sans-serif;font-size:19px}
.pcbg-builder-native.is-compact .game-start-label span,.pcbg-builder-native.is-compact .game-start label{display:block;font-size:12px;color:#475569;line-height:1.5}
.pcbg-builder-native.is-compact .game-start label{font-weight:600;margin-bottom:4px}
.pcbg-builder-native.is-compact #apply-game{min-height:44px;padding:9px 16px;background:#1d4ed8;color:#fff;border-radius:6px;white-space:normal;font-size:13px;font-weight:600}
.pcbg-builder-native.is-compact #apply-game:disabled{background:#dbe3ef;color:#475569;opacity:1}
.pcbg-builder-native.is-compact #game-plan-info,.pcbg-builder-native.is-compact .game-sources{grid-column:1/-1;font-size:12px;line-height:1.55;color:#475569}
.pcbg-builder-native.is-compact #game-plan-info p{margin:4px 0}
.pcbg-builder-native.is-compact #game-plan-info strong{color:#163a73;font-size:13px}
.pcbg-builder-native.is-compact .game-sources summary{cursor:pointer;color:#1d4ed8}
.pcbg-builder-native.is-compact .game-sources p{margin:8px 0}
.pcbg-builder-native.is-compact .game-sources h3{font-size:15px;margin:12px 0 6px}
.pcbg-builder-native.is-compact .game-start a,.pcbg-builder-native.is-compact #selected-game-fit a{color:#1d4ed8;text-decoration:underline}
.pcbg-builder-native.is-compact .garage{height:470px}
.pcbg-builder-native.is-compact .garage>.lighting{padding:8px 14px;gap:10px;flex-wrap:wrap;border-top:1px solid #334155;background:#0f172a}
.pcbg-builder-native.is-compact .lighting>span{font-size:10px}
.pcbg-builder-native.is-compact .lighting .swatch{width:32px;height:32px;min-height:32px}
.pcbg-builder-native.is-compact .lighting small{width:100%;font-size:10px;line-height:1.3;text-align:center;color:#cbd5e1}
.pcbg-builder-native.is-compact .lighting #lighting-toggle{background:#172437;min-height:32px;font-size:11px;padding:4px 9px;color:#e2e8f0;border-color:#64748b}
@media(max-width:760px){
 .pcbg-builder-native.is-compact .game-start{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px;gap:10px}
 .pcbg-builder-native.is-compact .game-start-label{grid-column:1/-1}
 .pcbg-builder-native.is-compact #apply-game{grid-column:1/-1}
 .pcbg-builder-native.is-compact .garage:not(.is-expanded)>.lighting{display:none}
 .pcbg-builder-native.is-compact .garage.is-expanded>.lighting{display:flex}
 .pcbg-builder-native.is-compact .lighting .swatch{width:44px;height:44px;min-height:44px}
 .pcbg-builder-native.is-compact #lighting-toggle{min-height:44px}
 .pcbg-builder-native.is-compact .garage{height:auto}
}

@media(max-width:760px){
 .pcbg-builder-native.is-compact .picker-row{gap:4px 6px}
 .pcbg-builder-native.is-compact .picker-row select{grid-column:1/-1;grid-row:2}
}

@media(max-width:760px){
 .pcbg-builder-native.is-compact .game-start>div:nth-child(2){grid-column:1/-1}
 .pcbg-builder-native.is-compact #apply-game{grid-column:auto}
}

@media(max-width:760px){
 .pcbg-builder-native.is-compact .starting-fold > summary{padding:12px 14px}
 .pcbg-builder-native.is-compact .starting-options{padding:0 14px 14px}
}