.pc-build-page{background:radial-gradient(circle at 80% 8%,rgba(25,119,255,.12),transparent 28%),#030a16;color:var(--text,#f4f7fb)}
.pc-build-main{min-height:70vh}.pc-build-hero{padding:88px 0 42px;border-bottom:1px solid rgba(255,255,255,.08)}
.pc-build-heading{max-width:860px}.pc-build-heading h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.95;margin:.3em 0}.pc-build-heading>p:last-child{max-width:720px;color:var(--muted,#9cacc1);font-size:1.1rem}
.pc-market-notice{margin-top:28px;padding:18px 20px;border:1px solid rgba(84,157,255,.35);background:rgba(13,62,126,.22);border-radius:16px;color:#cfe2ff;max-width:860px}.pc-market-notice strong{display:block;color:#fff;margin-bottom:6px}.pc-market-notice small{display:block;margin-top:8px;color:#9eb9d9}
.pc-build-section{padding:46px 0 90px}.pc-build-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:28px;align-items:start}
.pc-build-card,.pc-build-aside{background:linear-gradient(180deg,rgba(18,31,49,.96),rgba(8,18,32,.96));border:1px solid rgba(255,255,255,.09);border-radius:22px;box-shadow:0 20px 70px rgba(0,0,0,.22)}
.pc-build-card{padding:clamp(22px,4vw,42px)}.pc-build-aside{padding:24px;position:sticky;top:96px}.pc-build-aside h2{font-size:1.1rem;margin:0 0 12px}.pc-build-aside ul{padding-left:20px;color:#aebcd0}.pc-build-aside li+li{margin-top:10px}
.pc-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:34px}.pc-progress span{height:5px;border-radius:99px;background:#26364c}.pc-progress span.active{background:#1689ff;box-shadow:0 0 14px rgba(22,137,255,.35)}
.pc-step{display:none}.pc-step.active{display:block}.pc-step h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:8px 0 10px}.pc-step-lede{color:#9fadc1;margin:0 0 28px;max-width:680px}
.pc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pc-grid .full{grid-column:1/-1}.pc-build-card label{display:grid;gap:8px;font-weight:700;color:#dfe8f5}.pc-build-card label small{font-weight:400;color:#8fa1b8}.pc-build-card input,.pc-build-card select,.pc-build-card textarea{width:100%;border:1px solid #34465e;background:#07111f;color:#f6f8fb;border-radius:11px;padding:13px 14px;font:inherit}.pc-build-card textarea{min-height:110px;resize:vertical}.pc-build-card input:focus,.pc-build-card select:focus,.pc-build-card textarea:focus{outline:2px solid rgba(22,137,255,.7);outline-offset:1px;border-color:#1689ff}
.pc-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pc-choice{position:relative}.pc-choice input{position:absolute;opacity:0;pointer-events:none}.pc-choice span{display:flex;min-height:72px;align-items:center;justify-content:center;text-align:center;padding:12px;border:1px solid #334760;border-radius:13px;background:#081524;color:#c9d5e5;font-weight:700;cursor:pointer}.pc-choice input:checked+span{border-color:#1689ff;background:rgba(22,137,255,.16);box-shadow:inset 0 0 0 1px rgba(22,137,255,.45);color:#fff}
.pc-gaming-fields[hidden]{display:none}.pc-nav{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.pc-nav .button{min-width:150px}.pc-build-error{color:#ff8b8b;min-height:1.4em;margin:18px 0 0}.pc-consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;font-weight:400!important}.pc-consent input{width:auto;margin-top:4px}
.pc-research{display:none;text-align:center;padding:40px 10px}.pc-research.active{display:block}.pc-spinner{width:54px;height:54px;margin:0 auto 20px;border:4px solid #27384c;border-top-color:#1689ff;border-radius:50%;animation:pc-spin .9s linear infinite}@keyframes pc-spin{to{transform:rotate(360deg)}}.pc-research p{color:#9fb0c7}.pc-research-status{font-weight:800;color:#dce9fa!important}
.pc-result{display:none}.pc-result.active{display:block}.pc-result-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.pc-result h2{font-size:clamp(2rem,5vw,3.1rem);margin:.25em 0}.pc-total{flex:0 0 auto;text-align:right;padding:16px 18px;border:1px solid rgba(22,137,255,.4);background:rgba(22,137,255,.1);border-radius:16px}.pc-total small{display:block;color:#9bb3d0}.pc-total strong{font-size:2rem}.pc-result-summary{color:#aebdd0;font-size:1.08rem}.pc-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0}.pc-part{padding:15px;border:1px solid #263950;border-radius:13px;background:#081421}.pc-part small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#64aaff;font-weight:800}.pc-part strong{display:block;margin:5px 0}.pc-part p{margin:0;color:#8fa2bb;font-size:.92rem}.pc-result-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pc-note{padding:16px;border-radius:14px;background:#0b1726;border:1px solid #253850}.pc-note strong{display:block;margin-bottom:6px}.pc-note p{margin:0;color:#9db0c8}.pc-estimate-meta{margin-top:22px;padding-top:18px;border-top:1px solid #26374c;color:#93a4ba}.pc-manual{padding:28px;border:1px solid rgba(22,137,255,.35);background:rgba(22,137,255,.08);border-radius:16px}.pc-reference{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#82baff}
@media(max-width:820px){.pc-build-hero{padding-top:58px}.pc-build-shell{grid-template-columns:1fr}.pc-build-aside{position:static;order:-1}.pc-grid,.pc-parts,.pc-result-notes{grid-template-columns:1fr}.pc-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-result-head{display:block}.pc-total{text-align:left;margin-top:16px}.pc-nav{position:sticky;bottom:8px;padding:10px;background:rgba(3,10,22,.92);backdrop-filter:blur(12px);border-radius:14px;z-index:2}}
@media(max-width:480px){.pc-choice-grid{grid-template-columns:1fr}.pc-build-card{padding:20px 16px}.pc-nav .button{min-width:0;flex:1}}
@media(prefers-reduced-motion:reduce){.pc-spinner{animation:none}}