.pe{--pe-rail-w: 256px;margin:.4rem 0 0}.pe-shell{display:grid;grid-template-columns:var(--pe-rail-w) 1fr;gap:1.5rem 2rem;align-items:start}.pe-rail{position:sticky;top:84px;background:var(--grain-2);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}.pe-rail-top{display:none;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.pe-rail-title{font-weight:800;font-size:.95rem}.pe-railclose{background:none;border:0;font-size:1.1rem;color:var(--ink-soft);cursor:pointer;line-height:1}.pe-groups{display:flex;flex-direction:column}.pe-grp{border-bottom:1px solid var(--line)}.pe-grp:last-child{border-bottom:0}.pe-ghead{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:none;border:0;cursor:pointer;padding:.9rem 1.1rem;font-family:var(--sans);font-size:.82rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);text-align:left}.pe-ghead:hover{color:var(--paddock)}.pe-ghead-l{display:flex;align-items:center;gap:.5rem}.pe-gbadge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:100px;background:var(--paddock);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:0}.pe-chev{width:14px;height:14px;color:var(--ink-soft);transition:transform .26s cubic-bezier(.4,0,.2,1);flex:0 0 auto}.pe-grp.is-open .pe-chev{transform:rotate(180deg)}.pe-gbody{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.4,0,.2,1)}.pe-grp.is-open .pe-gbody{grid-template-rows:1fr}.pe-gbody-in{overflow:hidden;min-height:0;padding:0 .8rem}.pe-grp.is-open .pe-gbody-in{padding-bottom:.9rem}.pe-opt{display:flex;align-items:center;gap:.6rem;width:100%;background:none;border:0;cursor:pointer;padding:.42rem .5rem;border-radius:8px;font-family:var(--sans);font-size:.9rem;color:var(--ink);text-align:left;transition:background .14s ease}.pe-opt:hover{background:var(--grain)}.pe-opt:hover .pe-box{border-color:var(--paddock)}.pe-box{flex:0 0 auto;width:18px;height:18px;border:1.5px solid var(--line-2);border-radius:5px;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease}.pe-box svg{width:12px;height:12px;color:#fff;opacity:0;transform:scale(.5);transition:opacity .14s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.pe-opt[aria-pressed=true]{background:#1f5c3d0f}.pe-opt[aria-pressed=true] .pe-box{background:var(--paddock);border-color:var(--paddock);box-shadow:0 1px 3px #1f5c3d59}.pe-opt[aria-pressed=true] .pe-box svg{opacity:1;transform:scale(1)}.pe-opt[aria-pressed=true] .pe-ol{font-weight:700}.pe-ol{flex:1;line-height:1.3}.pe-cnt{font-size:.78rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.pe-opt.is-zero{opacity:.4}.pe-clear{display:none;width:calc(100% - 2.2rem);margin:.9rem 1.1rem;background:none;border:0;color:var(--ink-soft);font-weight:700;font-size:.82rem;cursor:pointer;text-align:left;padding:0}.pe-clear:hover{color:var(--clay)}.pe-clear[hidden],.pe-apply{display:none}.pe-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.pe-railbtn{display:none;align-items:center;gap:.45rem;background:var(--grain-2);border:1px solid var(--line-2);border-radius:100px;padding:.5rem .95rem;font-family:var(--sans);font-weight:700;font-size:.85rem;color:var(--ink);cursor:pointer}.pe-railbtn-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:100px;background:var(--paddock);color:#fff;font-size:.68rem;font-weight:800}.pe-count{font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--paddock)}.pe-sort{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.pe-sort select{font-family:var(--sans);font-size:.82rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);background-color:var(--grain-2);border:1px solid var(--line-2);border-radius:8px;padding:.44rem 1.7rem .44rem .65rem;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234F5E55' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;transition:border-color .14s ease}.pe-sort select:hover{border-color:var(--ink-soft)}.pe-sort select:focus-visible{outline:2px solid var(--paddock);outline-offset:1px}.pe-active{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.pe-active[hidden]{display:none}.pe-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--grain-2);border:1px solid var(--line-2);border-radius:100px;padding:.3rem .4rem .3rem .75rem;font-size:.8rem;font-weight:700;color:var(--ink);box-shadow:0 1px 2px #16261c0d;transition:border-color .14s ease}.pe-chip:hover{border-color:var(--ink-soft)}.pe-chip-k{font-weight:600;color:var(--ink-soft)}.pe-chip-x{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--paper);border:0;color:var(--ink-soft);font-size:.8rem;line-height:1;cursor:pointer}.pe-chip-x:hover{background:var(--clay);color:#fff}.pe-chip-clear{background:none;border:0;color:var(--paddock);font-weight:700;font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:.3rem .4rem}.pe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:1.1rem}.pe-card{position:relative;display:flex;flex-direction:column;background:var(--grain-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:1rem;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.pe-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-2)}.pe-card[hidden]{display:none}.pe-body{display:flex;flex-direction:column;min-width:0}.pe-img{background:var(--paper);border-radius:10px;padding:.6rem;margin-bottom:.7rem}.pe-img img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.pe-used{position:absolute;top:.8rem;right:.8rem;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--clay);border-radius:100px;padding:.2rem .55rem}.pe-t{font-weight:700;font-size:.88rem;color:var(--ink);line-height:1.25}.pe-s{font-size:.74rem;color:var(--ink-soft);margin-top:.2rem}.pe-spec{font-size:.74rem;color:var(--field);font-weight:700;margin-top:.5rem}.pe-empty{margin-top:1.5rem;color:var(--ink-soft);font-weight:600;grid-column:1 / -1}.pe-empty[hidden]{display:none}.pe-empty button,.pe-empty a{background:none;border:0;color:var(--paddock);font-weight:700;cursor:pointer;text-decoration:underline;font-family:var(--sans);font-size:1em;padding:0}.pe-backdrop{position:fixed;inset:0;background:#08140d6b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1400}.pe-backdrop[hidden]{display:none}@media (max-width: 860px){.pe-shell{grid-template-columns:1fr;gap:0}.pe-railbtn{display:inline-flex}.pe-rail{position:fixed;top:0;left:0;bottom:0;width:min(86vw,330px);border-radius:0;border:0;border-right:1px solid var(--line);transform:translate(-100%);transition:transform .34s cubic-bezier(.32,.72,0,1);z-index:1500;overflow-y:auto;box-shadow:2px 0 30px #08140d38}.pe-rail.is-open{transform:none}.pe-rail-top{display:flex}.pe-clear{margin-bottom:.4rem}.pe-apply{display:block;position:sticky;bottom:0;width:100%;margin:0;background:var(--paddock);color:#fff;border:0;padding:.95rem;font-family:var(--sans);font-weight:700;font-size:.95rem;cursor:pointer}}@media (max-width: 560px){.pe-bar{position:sticky;top:75px;z-index:1200;background:var(--grain);padding:.6rem 0;margin-bottom:.7rem;border-bottom:1px solid var(--line)}.pe-sort-l{display:none}.pe-active{margin-bottom:.9rem}.pe-grid{grid-template-columns:1fr;gap:.55rem}.pe-card{flex-direction:row;align-items:center;gap:.85rem;padding:.55rem .7rem}.pe-card:hover{transform:none}.pe-img{width:74px;flex:0 0 74px;margin-bottom:0;padding:.35rem}.pe-t{font-size:.92rem}.pe-spec{margin-top:.3rem}.pe-used{top:.4rem;right:.4rem}}@media (prefers-reduced-motion: reduce){.pe-rail,.pe-gbody,.pe-chev,.pe-box,.pe-box svg,.pe-opt,.pe-chip{transition:none}}