.pc-builder{--pc-ink:#181321;--pc-pink:#c50079;--pc-line:#dedbe5;max-width:1440px;margin:20px auto 65px;color:var(--pc-ink)}.pc-builder [hidden]{display:none!important}.pc-hero{display:flex;align-items:center;justify-content:space-between;padding:36px 44px;border-radius:16px;background:radial-gradient(ellipse at 85% 20%,#4c196c 0%,#171124 42%,#0d0a15 85%);color:white;overflow:hidden}.pc-kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:#a14489}.pc-hero .pc-kicker{color:#ff9dd8}.pc-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.02;margin:14px 0}.pc-hero h1 em{font-style:normal;color:#ff57bb}.pc-hero p{font-size:18px;max-width:550px;color:#e1d8e9;margin:16px 0 0}.pc-chip{width:150px;height:150px;display:grid;place-items:center;transform:rotate(-12deg);margin-right:65px;border:3px solid #ee58cb;border-radius:14px;box-shadow:0 0 0 13px #392145,0 0 0 15px #6b346d,0 0 70px #b325a766;background:#21152d}.pc-chip span{font-size:30px;line-height:1.05;font-weight:900;letter-spacing:2px;text-align:center}.pc-platform{display:flex;gap:18px;margin:25px 0}.pc-platform button{flex:1;display:flex;align-items:center;gap:22px;justify-content:center;background:white;border:2px solid var(--pc-line);border-radius:10px;padding:20px;color:var(--pc-ink);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.pc-platform b{font-size:30px}.pc-platform span{font-size:15px}.pc-platform button:hover{transform:translateY(-2px)}.pc-platform button[data-platform=amd][aria-pressed=true]{border-color:#ed5d18;box-shadow:0 4px 20px #ed5d1819}.pc-platform button[data-platform=intel][aria-pressed=true]{border-color:#0074dd;box-shadow:0 4px 20px #0074dd19}.pc-steps{display:flex;gap:7px;padding:0 0 14px;overflow-x:auto;scrollbar-width:thin}.pc-steps button{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--pc-line);background:#fff;padding:10px 12px;border-radius:7px;cursor:pointer;color:var(--pc-ink);font-size:14px}.pc-steps button>span{font-family:Arial,sans-serif;font-size:12px;border-radius:50%;width:21px;height:21px;background:#f1edf3;display:grid;place-items:center}.pc-steps button[aria-current=step]{border-color:var(--pc-pink);color:var(--pc-pink);background:#fff6fb}.pc-steps button.pc-chosen i{width:6px;height:6px;border-radius:50%;background:#208947}.pc-steps button:disabled{opacity:.45;cursor:default}.pc-columns{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.pc-picker{min-width:0}.pc-picker-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0}.pc-picker h2{font-size:27px;margin:2px 0}.pc-find{display:flex;border:1px solid #cec8d7;border-radius:8px;background:#fff;overflow:hidden;max-width:350px}.pc-find input{border:0;background:transparent;min-width:0;width:100%;padding:11px 12px;color:var(--pc-ink);font-size:15px}.pc-find button{border:0;background:var(--pc-ink);color:white;padding:9px 14px;cursor:pointer}.pc-hint{color:#675c70;line-height:1.5;font-size:15px;margin:8px 0}.pc-feedback{min-height:20px;font-size:14px;color:#6e5368}.pc-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pc-component{background:white;border:1px solid var(--pc-line);border-radius:9px;padding:16px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.pc-component:hover{transform:translateY(-2px);box-shadow:0 6px 22px #1b10200b}.pc-component.pc-selected{border-color:var(--pc-pink)}.pc-component img{display:block;height:112px;max-width:100%;object-fit:contain;margin:6px auto 12px}.pc-image-placeholder{height:112px;display:grid;place-items:center;color:#8d7c92}.pc-component h3{font-size:17px;line-height:1.35;margin:6px 0;font-weight:700}.pc-component h3 a{color:inherit;text-decoration:none}.pc-component h3 a:hover{text-decoration:underline}.pc-component .pc-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 8px}.pc-tags span{font:11px Arial,sans-serif;background:#f3f0f7;padding:4px 6px;border-radius:4px;color:#645570}.pc-component-store{color:#746879;font-size:13px;margin:auto 0 5px}.pc-component-price{font-size:24px;font-weight:800;margin:3px 0 12px}.pc-component button{border:1px solid var(--pc-pink);background:white;color:var(--pc-pink);padding:9px;border-radius:6px;font:700 14px Arial,sans-serif;cursor:pointer}.pc-component button:hover,.pc-selected button{background:var(--pc-pink);color:white}.pc-component-note{font-size:12px;color:#8b631b;margin:8px 0 0}.pc-summary{position:sticky;top:125px;border:1px solid var(--pc-line);background:white;border-radius:10px;padding:21px}.pc-summary-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--pc-line);padding-bottom:12px;margin-bottom:10px}.pc-summary h2{font-size:23px;margin:0}.pc-reset{background:none;border:0;font-size:12px;color:#806a7b;cursor:pointer;text-decoration:underline}.pc-selected-row{border-bottom:1px solid #eee9f0;padding:12px 24px 12px 0;position:relative}.pc-selected-row small{font-size:11px;color:#8c6d84;font-weight:700;text-transform:uppercase;display:block}.pc-selected-row p{font-size:14px;line-height:1.35;margin:3px 0}.pc-selected-row .pc-store{font-size:12px;color:#756b7b}.pc-selected-row strong{font-size:16px}.pc-remove{position:absolute;right:-5px;top:12px;border:0;background:none;color:#a08c9c;cursor:pointer;font-size:23px;padding:0 3px}.pc-total{padding:20px 0 12px}.pc-total span,.pc-total small{display:block;font-size:13px;color:#7b6d7c}.pc-total strong{display:block;font-size:33px;line-height:1.3}.pc-health{font-size:13px;line-height:1.45;margin:8px 0 16px}.pc-health .pc-error{background:#fff0f0;color:#a72b36;padding:9px;border-radius:5px}.pc-health details{background:#fff8e9;border-radius:5px;padding:9px;color:#805c1b}.pc-health summary{cursor:pointer;font-weight:700}.pc-health ul{padding-left:18px;margin:8px 0}.pc-health li{margin:7px 0}.pc-health .pc-missing{color:#7a6b7b}.pc-download{background:var(--pc-pink);border:0;border-radius:7px;color:white;padding:14px 12px;font:700 15px Arial,sans-serif;width:100%;cursor:pointer;display:flex;justify-content:space-between}.pc-download:disabled{opacity:.4;cursor:default}.pc-quote-note{font-size:12px;color:#8a7e8e;line-height:1.5;margin:12px 0 0}.pc-download-status{font-size:13px;color:#a03153}.pc-more{display:block;margin:22px auto;padding:12px 30px;background:white;border:1px solid #c9bfce;border-radius:6px;cursor:pointer}.pc-intro{text-align:center;padding:35px 20px}.pc-intro>span{letter-spacing:8px;color:#bb8aaa;font-size:14px}.pc-intro h2{font-size:27px;margin:15px 0}.pc-intro p{max-width:620px;line-height:1.6;margin:auto;color:#796c7d}.pc-builder button:focus-visible,.pc-builder a:focus-visible{outline:3px solid #7944f2;outline-offset:3px}@media(max-width:1050px){.pc-columns{grid-template-columns:minmax(0,1fr) 300px}.pc-picker-top{align-items:stretch;flex-direction:column}.pc-find{max-width:none}.pc-chip{margin-right:20px}.pc-summary{top:115px}}@media(max-width:760px){.pc-builder{margin-top:14px}.pc-hero{padding:25px 22px;border-radius:10px}.pc-hero h1{font-size:35px}.pc-hero p{font-size:15px}.pc-chip{display:none}.pc-platform{gap:10px;margin:16px 0}.pc-platform button{flex-direction:column;gap:2px;padding:14px 10px}.pc-platform b{font-size:25px}.pc-platform span{font-size:12px}.pc-columns{grid-template-columns:1fr;gap:22px}.pc-summary{position:static;order:2}.pc-steps button{padding:8px 10px;font-size:13px}.pc-candidates{gap:10px}.pc-component{padding:12px}.pc-component h3{font-size:15px}.pc-component-price{font-size:21px}.pc-component img{height:95px}.pc-picker-top{margin-top:9px}.pc-intro{padding:22px 10px}.pc-intro h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.pc-builder *{transition:none!important}}
.pc-mobile-budget{display:none}@media(max-width:760px){.pc-builder{padding-bottom:65px}.pc-mobile-budget{display:flex;position:fixed;bottom:12px;left:16px;right:16px;z-index:90;align-items:center;justify-content:space-between;padding:15px 18px;background:#211227;color:white;box-shadow:0 5px 25px #1b0b2944;border:1px solid #963b77;border-radius:10px;text-decoration:none}.pc-mobile-budget>span{font-size:20px;font-weight:800}.pc-mobile-budget>b{font-size:13px}#pc-budget{scroll-margin-top:160px}}
.pc-builder .pc-hero{height:auto;min-height:235px;border:0;box-shadow:none}.pc-builder .pc-hero::before,.pc-builder .pc-hero::after{display:none}.pc-builder .pc-hero h1{margin-top:10px}.pc-builder .pc-hero p{margin-bottom:0}@media(max-width:760px){.pc-builder .pc-hero{min-height:210px}}

.pc-builder .pc-steps button{flex:0 0 auto;min-width:max-content}.pc-builder .pc-more{color:var(--pc-ink)}