nav{display:flex;gap:28px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}nav h1{font-size:23px;font-weight:400;margin:0}.parts-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:24px}.parts-layout section{margin:0;padding:0;border:0}.build-panel{position:sticky;top:24px;align-self:start}.preview{margin:18px 0;min-height:300px;height:43vh;display:flex;justify-content:center;align-items:center;background:#eee9df;border:1px solid var(--line);border-radius:6px;background-image:linear-gradient(45deg,#e4dfd5 25%,transparent 25%),linear-gradient(-45deg,#e4dfd5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4dfd5 75%),linear-gradient(-45deg,transparent 75%,#e4dfd5 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}#build-image{max-width:95%;max-height:95%;object-fit:contain}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filters label{display:grid;gap:5px;font-size:12px}.filters input{padding:10px;border:1px solid var(--line);border-radius:5px;max-width:100%}#part-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.part{min-width:0;border:1px solid var(--line);padding:12px;border-radius:5px;background:#fff}.part .thumb{height:130px;display:flex;align-items:center;justify-content:center;background:#f5f2ed}.part img{max-width:100%;max-height:100%;object-fit:contain}.part p{overflow-wrap:anywhere;font-size:12px;margin:9px 0 4px}.part small{font-size:11px;color:var(--muted)}#build-status{font-size:13px}details{margin-top:18px;font-size:13px}details li{margin:7px 0}@media(max-width:760px){.parts-layout{grid-template-columns:1fr;padding:16px}.build-panel{position:static}.preview{height:300px}nav{padding:16px;gap:16px}}
#part-list{display:block}.part-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.part-group{margin-bottom:28px!important}.parts-layout h2{font-size:17px;margin:22px 0 12px}.part{text-align:left;cursor:zoom-in;width:100%}.part:hover{border-color:#796347}.build-panel{position:static}.saved-build{display:flex;align-items:center;gap:8px;margin:12px 0}.saved-build>button:first-child{flex:1;display:flex;align-items:center;gap:12px;text-align:left;overflow-wrap:anywhere}.saved-build img{width:90px;height:70px;object-fit:contain}#build-name{min-width:0;max-width:100%;padding:10px}dialog{width:min(850px,90vw);max-height:90vh;box-sizing:border-box;border:1px solid #918779;border-radius:10px;padding:22px;background:#f7f4ed}dialog::backdrop{background:#0009}#close-part{float:right}#part-large{display:block;width:100%;height:65vh;object-fit:contain;image-rendering:auto}button:focus-visible{outline:3px solid #427994;outline-offset:3px}

#build-image:focus-visible{outline:3px solid #427994;outline-offset:4px}#build-image{touch-action:manipulation}

nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px}nav>a{grid-column:1;grid-row:1;justify-self:start}nav h1{grid-column:3;grid-row:1;justify-self:end}.game-switch{grid-column:2;grid-row:1;display:flex;align-items:center;gap:12px;border:0;background:transparent;font-size:15px;padding:8px}.switch-track{display:block;width:48px;height:28px;border-radius:20px;background:#8c7563;padding:3px}.switch-track>span{display:block;width:22px;height:22px;border-radius:50%;background:white;transition:transform .15s}.game-switch[aria-checked=true] .switch-track>span{transform:translateX(20px)}.game-switch[aria-checked=false]>span:first-child,.game-switch[aria-checked=true]>span:last-child{font-weight:bold}.game-switch:focus-visible{outline:3px solid #427994;outline-offset:3px}@media(max-width:600px){nav{gap:8px}nav h1{font-size:13px}nav>a{font-size:11px}.game-switch{gap:6px;padding:8px 0}}