:root{--header:62px;--rail-left:clamp(238px,18vw,276px);--rail-right:clamp(276px,21vw,320px);--glass:rgba(8,7,15,.76);--edge:rgba(168,136,255,.17);--soft-purple:#a978ff}
body{background:#030309}
.builder-header{padding:0 clamp(14px,1.7vw,28px);background:linear-gradient(90deg,rgba(4,3,10,.97),rgba(10,7,18,.92),rgba(4,3,10,.97));box-shadow:0 12px 36px rgba(0,0,0,.28)}
.builder-brand img{width:50px;height:34px}.builder-brand strong{font-size:13px}.builder-brand small{font-size:8px}.builder-header nav{gap:14px}.account-link{padding:8px 11px;border:1px solid rgba(255,255,255,.07);border-radius:7px}
.builder-shell{grid-template-columns:var(--rail-left) minmax(440px,1fr) var(--rail-right)}
.component-rail,.build-panel{background:linear-gradient(180deg,rgba(8,7,14,.97),rgba(4,4,10,.95));box-shadow:0 0 35px rgba(0,0,0,.28)}
.rail-top{padding:16px 14px 9px}.rail-heading{padding:0 1px 10px}.rail-heading span,.build-head span{font-size:8px}.rail-heading small{font-size:8px;letter-spacing:.08em}.step-progress{height:3px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden}.step-progress i{display:block;width:4%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 14px rgba(32,216,255,.6);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.category-list{padding:0 8px 12px}.category-button{grid-template-columns:32px minmax(0,1fr) 14px;gap:9px;min-height:52px;padding:8px;border-radius:8px}.category-icon{width:31px;height:31px;font-size:14px}.category-button b{font-size:10px}.category-button small{display:block;margin-top:3px;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-button.active{background:linear-gradient(90deg,rgba(139,92,246,.2),rgba(139,92,246,.025));box-shadow:inset 2px 0 var(--purple)}
.catalog-panel{padding:15px 13px;background:linear-gradient(180deg,#0b0913,#06050c)}.catalog-head h2{font-size:22px}.search-field{height:39px}.product-list{margin-top:9px}.product-card{grid-template-columns:76px minmax(0,1fr);gap:11px;padding:10px;margin-bottom:8px;border-color:rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(24,20,37,.92),rgba(8,7,14,.94));box-shadow:inset 0 1px rgba(255,255,255,.025)}.product-image{height:72px;border:1px solid rgba(167,111,255,.18);background:radial-gradient(circle at 50% 42%,rgba(139,92,246,.38),rgba(7,6,13,.9) 72%)}.product-card h3{font-size:11px;margin:0 0 4px;line-height:1.25}.product-card p{font-size:8px}.product-description,.product-performance{font-size:7.5px!important;line-height:1.35!important}.product-card strong{font-size:8px;margin-top:5px}.product-source{font-size:6px;margin-top:3px}
.stage{isolation:isolate;background:radial-gradient(circle at 55% 45%,rgba(91,46,160,.19),transparent 34%),radial-gradient(circle at 82% 82%,rgba(26,184,219,.07),transparent 28%),linear-gradient(135deg,#03030a,#080611 58%,#030309)}.stage:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,3,10,.65),transparent 24%,transparent 76%,rgba(4,3,10,.45)),radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.2) 100%)}
.stage-copy{left:4.3%;top:4.5%;max-width:320px}.stage-copy h1{font-size:clamp(42px,5vw,78px)!important;line-height:.82!important;margin:13px 0 14px!important;color:rgba(255,255,255,.075)!important}.stage-copy h1 em{color:rgba(139,92,246,.2)}.stage-copy p{font-size:10px!important;line-height:1.55!important;max-width:300px!important;color:#7f798a}.stage-kicker{font-size:7px}.three-stage{z-index:3}
.performance-card{right:3.2%;top:4%;width:180px;padding:13px 14px 12px;transform:none!important;border:1px solid rgba(139,92,246,.18);border-left:2px solid var(--purple);border-radius:0 9px 9px 0;background:linear-gradient(120deg,rgba(20,15,34,.82),rgba(8,7,15,.55));backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(0,0,0,.18)}.performance-card>span{font-size:6.5px}.performance-card>div:not(.power-meter){margin-top:7px}.performance-card strong{font-size:15px}.power-meter{height:3px!important;margin-top:10px!important;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden}.power-meter i{display:block;height:100%;width:5%;background:linear-gradient(90deg,var(--good),var(--cyan),var(--purple));box-shadow:0 0 10px var(--cyan);transition:width .4s}
.view-toolbar,.mode-toolbar,.rgb-toolbar{background:rgba(7,6,13,.77);border-color:var(--edge);box-shadow:0 12px 35px rgba(0,0,0,.3);backdrop-filter:blur(18px)}.view-toolbar{left:3.2%;bottom:3%}.mode-toolbar{bottom:3%}.rgb-toolbar{right:3.2%;bottom:3%}.view-toolbar button,.mode-toolbar button{height:38px}.mode-toolbar button{padding:0 16px}.mode-toolbar button.active{background:linear-gradient(180deg,rgba(139,92,246,.32),rgba(139,92,246,.13));box-shadow:inset 0 2px var(--soft-purple)}
.stage.drop-ready{outline:2px solid var(--good)!important;outline-offset:-8px;box-shadow:inset 0 0 100px rgba(44,230,167,.13)}.stage.drop-ready:after{background:radial-gradient(circle at center,rgba(44,230,167,.13),transparent 40%),linear-gradient(90deg,rgba(4,3,10,.55),transparent 25%,transparent 75%,rgba(4,3,10,.4))}.drop-hint span{width:86px;height:86px;border-width:2px!important;animation:dropPulse 1.2s ease-in-out infinite}.drop-hint strong{font-size:11px;text-shadow:0 2px 16px #000}@keyframes dropPulse{50%{transform:scale(1.08);box-shadow:0 0 70px rgba(44,230,167,.5)}}
.stage-loader{background:radial-gradient(circle at center,rgba(70,34,123,.26),transparent 35%),#040309;gap:9px}.loader-brand{position:relative;display:grid;place-items:center;width:112px;height:112px;margin-bottom:10px}.loader-brand img{width:72px;height:54px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(139,92,246,.55));animation:logoFloat 1.5s ease-in-out infinite}.loader-brand b{position:absolute;top:98px;font:700 9px 'Space Grotesk';letter-spacing:.24em}.loader-orbit{position:absolute;inset:2px;border:1px solid rgba(139,92,246,.18);border-top-color:var(--purple);border-right-color:var(--cyan);border-radius:50%;animation:spin 1.1s linear infinite}.loader-orbit:after{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,255,255,.13);border-radius:50%}.stage-loader>span{font-size:8px;color:#c5bdd2}.stage-loader>small{font-size:6px;letter-spacing:.24em;color:#625c6d}@keyframes logoFloat{50%{transform:translateY(-4px);filter:drop-shadow(0 0 24px rgba(32,216,255,.55))}}
.build-panel{padding:0 13px 12px}.build-head{padding:17px 1px 13px}.build-head h2{font-size:14px}.compat-summary{padding:10px;margin:10px 0}.compat-summary strong{font-size:8px}.compat-summary small{font-size:7.5px}.build-item{min-height:46px;grid-template-columns:29px minmax(0,1fr) 18px}.build-item-icon{width:27px;height:27px}.build-item b{font-size:8px}.build-item small{font-size:7px;max-width:none}.budget-summary{padding:11px 0 7px}.budget-summary .total strong{font-size:16px}.primary-action,.secondary-action{height:39px;font-size:8px}.privacy-note{margin:8px 0 0}
.compat-toast{top:16%;font-weight:700;box-shadow:0 14px 45px rgba(0,0,0,.45)}
@media(max-width:1450px) and (min-width:801px){:root{--header:58px;--rail-left:232px;--rail-right:282px}.builder-header{padding:0 16px}.builder-brand img{width:44px}.category-button{min-height:48px;padding:6px 7px}.category-icon{width:29px;height:29px}.stage-copy h1{font-size:50px!important}.stage-copy p{max-width:260px!important;font-size:9px!important}.performance-card{width:158px}.mode-toolbar button{padding:0 11px}.build-item{min-height:43px}.compat-summary{margin:8px 0;padding:8px}.build-head{padding-top:13px;padding-bottom:10px}.build-actions{gap:5px}.primary-action,.secondary-action{height:36px}.privacy-note{display:none}}
@media(max-width:1120px) and (min-width:801px){:root{--rail-left:218px;--rail-right:252px}.stage-copy{opacity:.72}.rgb-toolbar select{display:none}.mode-toolbar{left:auto;right:3.2%;transform:none;bottom:9%}}
@media(max-width:800px){:root{--header:62px}.rail-top{padding-top:9px}.stage-copy h1{font-size:39px!important}.performance-card{width:145px;right:12px}.stage-loader{position:fixed}.loader-brand{width:96px;height:96px}.rgb-toolbar{right:12px}.mode-toolbar{bottom:62px}.builder-header nav .exit-link{display:none}}
@media(prefers-reduced-motion:reduce){.loader-brand img,.loader-orbit,.drop-hint span{animation:none!important}}
.product-card{grid-template-columns:82px minmax(0,1fr)}.product-image{height:82px}.product-image img{object-fit:contain}.product-title-row{display:flex;align-items:flex-start;gap:5px}.product-title-row h3{flex:1}.verification{flex:none;font-style:normal;font-size:5.5px;letter-spacing:.07em;color:#8a8492;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:2px 4px}.verification.verified{color:var(--good);border-color:rgba(44,230,167,.25)}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:6px 0}.spec-grid div{min-width:0;padding:4px;border:1px solid rgba(255,255,255,.055);border-radius:4px;background:rgba(255,255,255,.025)}.spec-grid dt{font-size:5.5px;text-transform:uppercase;letter-spacing:.08em;color:#716b7c}.spec-grid dd{margin:2px 0 0;font-size:6.5px;color:#d5d0dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-source{text-decoration:none}.product-source:hover{color:#fff}

/* HUD legível e tátil */
@media(min-width:801px){:root{--header:66px;--rail-left:clamp(282px,20vw,310px);--rail-right:clamp(300px,22vw,340px)}.builder-brand strong{font-size:15px}.builder-brand small{font-size:9px}.header-status{font-size:10px}.rail-top{padding:18px 14px 11px}.rail-heading span,.rail-heading small,.build-head span{font-size:10px}.step-progress{height:4px}.category-list{padding:0 10px 16px}.category-button{grid-template-columns:40px minmax(0,1fr) 18px;gap:11px;min-height:62px;padding:9px 10px}.category-icon{width:38px;height:38px;font-size:17px}.category-button b{font-size:12px}.category-button small{font-size:9px;margin-top:5px}.category-button .check{font-size:15px}.catalog-panel{padding:18px 15px}.catalog-head span{font-size:9px}.catalog-head h2{font-size:27px;margin-top:8px}.search-field{height:46px}.search-field input{font-size:13px}.product-card{grid-template-columns:104px minmax(0,1fr);gap:13px;padding:12px;margin-bottom:11px}.product-image{height:104px}.product-card h3{font-size:13px}.product-card p{font-size:9px}.product-description,.product-performance{font-size:9px!important;line-height:1.5!important}.verification{font-size:7px;padding:3px 5px}.spec-grid{gap:4px;margin:8px 0}.spec-grid div{padding:5px}.spec-grid dt{font-size:7px}.spec-grid dd{font-size:8px}.product-card strong{font-size:9px}.product-source{font-size:7px}.build-panel{padding:0 16px 16px}.build-head{padding:19px 1px 15px}.build-head h2{font-size:18px}.compat-summary{padding:13px;margin:13px 0}.compat-summary strong{font-size:10px}.compat-summary small{font-size:9px}.build-item{min-height:56px;grid-template-columns:36px minmax(0,1fr) 22px;gap:10px}.build-item-icon{width:34px;height:34px;font-size:15px}.build-item b{font-size:10px}.build-item small{font-size:8.5px;margin-top:4px}.build-item button{font-size:17px}.budget-summary>div{font-size:9px}.budget-summary .total strong{font-size:20px}.primary-action,.secondary-action{height:45px;font-size:9px}.performance-card{width:220px;padding:16px 17px}.performance-card>span{font-size:8px}.performance-card strong{font-size:21px}.performance-card small{font-size:8px}.stage-copy p{font-size:12px!important;max-width:350px!important}.stage-kicker{font-size:8px}.view-toolbar button,.mode-toolbar button{height:44px;min-width:44px}.mode-toolbar button{font-size:9px;padding:0 18px}.rgb-toolbar{height:44px}.rgb-toolbar button,.rgb-toolbar select{font-size:9px}.rgb-toolbar input{height:44px}.drop-hint strong{font-size:13px}.drop-hint small{font-size:10px}.compat-toast{font-size:12px;padding:13px 18px}}
@media(max-width:1450px) and (min-width:801px){:root{--header:62px;--rail-left:270px;--rail-right:300px}.category-button{min-height:58px}.category-button b{font-size:11px}.category-button small{font-size:8px}.build-item{min-height:52px}.build-item b{font-size:9px}.build-item small{font-size:8px}.performance-card{width:195px}.stage-copy h1{font-size:54px!important}.mode-toolbar button{padding:0 12px}}
@media(max-width:1120px) and (min-width:801px){:root{--rail-left:238px;--rail-right:265px}.category-button{grid-template-columns:34px minmax(0,1fr) 15px}.category-icon{width:32px;height:32px}.category-button b{font-size:10px}.performance-card{width:175px}.stage-copy p{max-width:250px!important}.rgb-toolbar select{display:none}}

/* Cockpit v2: leitura confortável e cartões com hierarquia de simulador. */
@media(min-width:1280px){
  :root{--rail-left:clamp(310px,21.5vw,350px);--rail-right:clamp(330px,23vw,370px)}
  .category-button{min-height:66px;grid-template-columns:42px minmax(0,1fr) 20px;padding:10px 12px}
  .category-icon{width:40px;height:40px}.category-button b{font-size:13px;letter-spacing:-.01em}.category-button small{font-size:10px}
  .rail-heading span,.rail-heading small,.build-head span{font-size:11px}.catalog-head h2{font-size:30px}
  .product-card{grid-template-columns:118px minmax(0,1fr);gap:15px;padding:14px;border-radius:11px}
  .product-image{height:118px}.product-card h3{font-size:15px}.product-card p{font-size:10px}
  .product-description,.product-performance{font-size:10px!important}.spec-grid dt{font-size:8px}.spec-grid dd{font-size:9px}
  .product-card strong{font-size:10px}.product-source{font-size:8px}
  .build-head h2{font-size:20px}.compat-summary strong{font-size:11px}.compat-summary small{font-size:10px}
  .build-item{min-height:59px}.build-item b{font-size:11px}.build-item small{font-size:9px}
  .primary-action,.secondary-action{font-size:10px}.performance-card{width:235px}
}
.product-card{cursor:grab;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.product-card:hover,.product-card.selected{transform:translateY(-2px);border-color:rgba(78,255,199,.48);box-shadow:0 14px 34px rgba(0,0,0,.34),inset 3px 0 #2ce6a7}
.product-card:active{cursor:grabbing;transform:scale(.985)}
.quality-switch{display:flex!important;align-items:center;gap:6px;padding:0 10px!important;color:#a8a2b2!important;border-right:1px solid rgba(255,255,255,.08)!important}.quality-switch i{width:7px;height:7px;border-radius:50%;background:#31e6c0;box-shadow:0 0 10px rgba(49,230,192,.75)}.quality-switch span{font-size:8px;font-weight:800;letter-spacing:.09em}.quality-switch[data-quality="mobile"] i{background:#27a8ff}.quality-switch[data-quality="high"] i{background:#ad7cff;box-shadow:0 0 12px rgba(173,124,255,.9)}
.stage-loader{background:rgba(4,3,9,.24)!important;backdrop-filter:blur(13px) saturate(1.12);-webkit-backdrop-filter:blur(13px) saturate(1.12)}.stage-loader .loader-orbit,.stage-loader .loader-brand b,.stage-loader>span,.stage-loader>small{display:none}.loader-brand{width:132px;height:132px;margin:0}.loader-brand img{width:94px;height:70px;animation:logoSpin 1.8s cubic-bezier(.55,.08,.45,.92) infinite;filter:drop-shadow(0 0 18px rgba(139,92,246,.7))}.loader-brand:after{content:"";position:absolute;inset:0;border:1px solid rgba(139,92,246,.24);border-right-color:#31e6c0;border-radius:50%;animation:spin 1.4s linear infinite;box-shadow:0 0 28px rgba(139,92,246,.18)}@keyframes logoSpin{0%{transform:rotateY(0deg) scale(.92)}50%{transform:rotateY(180deg) scale(1.04)}100%{transform:rotateY(360deg) scale(.92)}}
html,.component-rail,.catalog-panel,.product-list,.build-panel,.build-list{scrollbar-width:thin;scrollbar-color:#7444c7 rgba(255,255,255,.035)}
html::-webkit-scrollbar,.component-rail::-webkit-scrollbar,.catalog-panel::-webkit-scrollbar,.product-list::-webkit-scrollbar,.build-panel::-webkit-scrollbar,.build-list::-webkit-scrollbar{width:8px;height:8px}
html::-webkit-scrollbar-track,.component-rail::-webkit-scrollbar-track,.catalog-panel::-webkit-scrollbar-track,.product-list::-webkit-scrollbar-track,.build-panel::-webkit-scrollbar-track,.build-list::-webkit-scrollbar-track{background:rgba(5,4,11,.72);border-left:1px solid rgba(255,255,255,.035)}
html::-webkit-scrollbar-thumb,.component-rail::-webkit-scrollbar-thumb,.catalog-panel::-webkit-scrollbar-thumb,.product-list::-webkit-scrollbar-thumb,.build-panel::-webkit-scrollbar-thumb,.build-list::-webkit-scrollbar-thumb{border:2px solid rgba(5,4,11,.72);border-radius:999px;background:linear-gradient(180deg,#9b65ff,#4e2b92);box-shadow:0 0 10px rgba(139,92,246,.45)}
html::-webkit-scrollbar-thumb:hover,.component-rail::-webkit-scrollbar-thumb:hover,.catalog-panel::-webkit-scrollbar-thumb:hover,.product-list::-webkit-scrollbar-thumb:hover,.build-panel::-webkit-scrollbar-thumb:hover,.build-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b58bff,#2ce6a7)}