.pb-layout{display:grid;grid-template-columns:300px 1fr;gap:12px;min-height:calc(100vh - 220px)}.pb-layout.collapsed{grid-template-columns:220px 1fr}.pb-layout.collapsed .pb-pg-controls{display:none}.pb-panel-grid{display:flex;flex-direction:column;background:#2a2a2a;border-radius:8px;overflow:hidden;max-height:calc(100vh - 200px);position:sticky;top:72px}.pb-pg-search{padding:12px 12px 0}.pb-pg-search input{width:100%;padding:9px 12px;background:transparent;border:1px solid #3a3a3a;border-radius:6px;color:#fff;font-size:13px;outline:none;transition:border-color .15s}.pb-pg-search input:focus{border-color:#d4af37}.pb-pg-search input::placeholder{color:#666}.pb-pg-controls{display:flex;gap:3px;padding:8px 12px;flex-wrap:wrap;align-items:center}.pb-pill{padding:4px 10px;border-radius:4px;border:none;background:rgba(255,255,255,.05);color:#b0b0b0;font:500 11px Inter,sans-serif;cursor:pointer;transition:all .15s}.pb-pill:hover{background:rgba(255,255,255,.1);color:#fff}.pb-pill.active{background:#d4af37;color:#1a1a1a}.pb-pill .cnt{font-size:9px;opacity:.7;margin-left:3px}.pb-pg-list{flex:1;overflow-y:auto;padding:0 8px 8px;scrollbar-width:thin;scrollbar-color:#444 transparent}.pb-pg-list::-webkit-scrollbar{width:5px}.pb-pg-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.pb-sk{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .12s;border:1px solid transparent}.pb-sk:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}.pb-sk.active{background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.25)}.pb-sk-img{width:56px;height:42px;border-radius:4px;background:#1f1e1e;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.pb-sk-img img{max-width:100%;max-height:100%;object-fit:contain}.pb-sk-info{flex:1;min-width:0}.pb-sk-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-sk-sub{font-size:10px;color:#888}.pb-type-badge{font:600 8px Inter,sans-serif;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.pb-type-fade{background:rgba(212,175,55,.1);color:#d4af37}.pb-type-ch{background:rgba(94,151,216,.1);color:#5e97d8}.pb-type-marble{background:rgba(133,70,249,.1);color:#a78bfa}.pb-type-other{background:rgba(255,255,255,.06);color:#888}.pb-sk-skel{display:flex;align-items:center;gap:10px;padding:6px 8px}.pb-sk-skel-img{width:56px;height:42px;border-radius:4px;background:#333;animation:pbShimmer 1.5s infinite}.pb-sk-skel-text{flex:1}.pb-sk-skel-line{height:10px;border-radius:3px;background:#333;animation:pbShimmer 1.5s infinite;margin-bottom:4px}.pb-sk-skel-line:last-child{width:60%;margin-bottom:0}@keyframes pbShimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.pb-back{display:none;padding:6px 12px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#b0b0b0;font:600 11px Inter,sans-serif;cursor:pointer;margin-bottom:8px;transition:all .15s;align-items:center;gap:6px}.pb-back:hover{color:#fff;border-color:#555}.pb-empty{display:flex;align-items:center;justify-content:center;height:100%;background:#2a2a2a;border-radius:8px;color:#666;font-size:14px;text-align:center;padding:40px}.pb-viewer-col{display:flex;flex-direction:column;min-width:0;overflow:hidden}.pb-viewer-wrap{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#444 transparent}.pb-viewer-wrap::-webkit-scrollbar{width:5px}.pb-viewer-wrap::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.pb-viewer{background:#1f1e1e;border-radius:8px;overflow:hidden}.pb-viewer-img{position:relative;width:100%;height:clamp(300px,52vh,520px);background:linear-gradient(180deg,#1e1e1e,#181818);overflow:hidden;display:flex;align-items:center;justify-content:center}.pb-viewer-img img{max-width:100%;max-height:100%;object-fit:contain;padding:12px;user-select:none;-webkit-user-drag:none;transition:opacity .12s}.pb-badge{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;z-index:3;pointer-events:none}.pb-badge-num{background:rgba(0,0,0,.75);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.5);border-radius:6px;padding:8px 14px;font:700 20px Courier New,monospace;color:#d4af37}.pb-badge-tier{background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.3);border-radius:4px;padding:3px 10px;font:700 11px Inter,sans-serif;color:#d4af37}.pb-preload{position:absolute;top:12px;left:12px;font:500 10px Inter,sans-serif;color:rgba(255,255,255,.3);background:rgba(0,0,0,.5);padding:3px 8px;border-radius:4px;pointer-events:none;z-index:2}.pb-pattern-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px 20px 14px;background:linear-gradient(transparent,rgba(0,0,0,.85));z-index:2}.pb-pattern-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pb-pattern-label span{font:600 10px Inter,sans-serif;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.8px}.pb-pattern-label .val{font:700 14px Courier New,monospace;color:#d4af37}.pb-seed-slider{width:100%;-webkit-appearance:none;appearance:none;height:8px;background:linear-gradient(90deg,rgba(212,175,55,.3),rgba(212,175,55,.6),rgba(212,175,55,.3));border-radius:4px;outline:none;cursor:pointer}.pb-seed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #d4af37;box-shadow:0 0 10px rgba(212,175,55,.5);cursor:grab}.pb-seed-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}.pb-seed-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #d4af37;box-shadow:0 0 10px rgba(212,175,55,.5);cursor:grab}.pb-thumbs{display:flex;gap:4px;padding:10px 20px;overflow-x:auto;background:rgba(212,175,55,.02);border-top:1px solid rgba(212,175,55,.06);scrollbar-width:thin;scrollbar-color:#444 transparent}.pb-thumbs::-webkit-scrollbar{height:4px}.pb-thumbs::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.pb-thumb{width:52px;height:40px;border-radius:4px;border:2px solid transparent;cursor:pointer;overflow:hidden;flex-shrink:0;background:#1a1a1a;transition:all .15s;position:relative}.pb-thumb:hover{border-color:rgba(212,175,55,.4)}.pb-thumb.active{border-color:#d4af37;box-shadow:0 0 8px rgba(212,175,55,.3)}.pb-thumb img{width:100%;height:100%;object-fit:contain}.pb-thumb-label{position:absolute;bottom:0;left:0;right:0;font:600 7px Courier New,monospace;color:#d4af37;background:rgba(0,0,0,.7);text-align:center;padding:1px 0}.pb-patbar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:rgba(212,175,55,.04);border-top:1px solid rgba(212,175,55,.1)}.pb-patbar .pi-label{font:600 10px Inter,sans-serif;color:#666;text-transform:uppercase;letter-spacing:.8px}.pb-patbar .pi-seed{font:700 16px Courier New,monospace;color:#d4af37}.pb-patbar .pi-bar{flex:1;max-width:200px;height:5px;background:#2a2a2a;border-radius:3px;overflow:hidden;margin:0 8px}.pb-patbar .pi-fill{height:100%;border-radius:3px;transition:width .3s;background:linear-gradient(90deg,#d4af37,#e5c04a)}.pb-patbar .pi-tier{font:600 12px Inter,sans-serif;color:#d4af37;margin-left:auto}.pb-skin-info{display:flex;align-items:center;gap:12px;padding:10px 20px;border-top:1px solid #2a2a2a;flex-wrap:wrap}.pb-skin-info-name{font:600 14px Inter,sans-serif;color:#fff}.pb-skin-info-meta{font-size:12px;color:#888}.pb-skin-info-price{font:600 13px Courier New,monospace;color:#d4af37;margin-left:auto}.pb-tier{margin-bottom:6px;background:#2a2a2a;border-radius:6px;overflow:hidden}.pb-tier-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;user-select:none;transition:background .15s}.pb-tier-head:hover{background:#333}.pb-tier-name{font:600 13px Inter,sans-serif;color:#fff}.pb-tier-count{font:500 11px Inter,sans-serif;color:#888;background:rgba(255,255,255,.06);padding:2px 8px;border-radius:10px}.pb-tier-body{display:none;padding:10px 14px;border-top:1px solid #333}.pb-tier.open .pb-tier-body{display:block}.pb-seeds{display:flex;flex-wrap:wrap;gap:4px}.pb-seed{font:500 11px Courier New,monospace;padding:3px 8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:4px;color:#b0b0b0;cursor:pointer;transition:all .15s}.pb-seed.active,.pb-seed:hover{background:rgba(212,175,55,.12);border-color:rgba(212,175,55,.4);color:#d4af37}.pb-seed.active{box-shadow:0 0 6px rgba(212,175,55,.3)}.pb-desc{background:#2a2a2a;border-radius:8px;padding:14px 16px;margin-top:8px}.pb-desc h4{font-size:11px;font-weight:600;color:#d4af37;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.pb-desc p{font-size:12px;color:#999;line-height:1.6}.pb-kbd-hints{display:flex;gap:8px;font-size:10px;color:#666}.pb-kbd{padding:2px 6px;background:#333;border:1px solid #444;border-radius:3px;font:600 10px Courier New,monospace;color:#999}@media (max-width:900px){.pb-layout,.pb-layout.collapsed{grid-template-columns:1fr}.pb-panel-grid{max-height:280px;position:static}.pb-layout.collapsed .pb-panel-grid{display:none}.pb-layout.collapsed .pb-back{display:inline-flex}.pb-viewer-col{overflow:visible}.pb-viewer-wrap{max-height:none;overflow-y:visible}.pb-viewer-img{height:240px}.pb-kbd-hints{display:none}.pb-thumbs{padding:8px 12px}.pb-skin-info{flex-direction:column;gap:4px}.pb-skin-info-price{margin-left:0}}