.er-market-sidebar-scroll{max-height:360px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.er-market-sidebar-scroll .sidebar-link{min-width:0;flex:1}
.er-market-sidebar-scroll .sidebar-count{margin-left:auto;color:#888;font-size:11px;font-weight:800}
.er-sidebar-view-all{display:flex;align-items:center;justify-content:center;margin-top:10px;min-height:34px;border:1px solid #333;color:#ffc800;text-decoration:none;font-size:12px;font-weight:900}
.er-sidebar-view-all:hover{border-color:#ffc800;background:rgba(255,200,0,.08)}
.producers-page-main{min-width:0;flex:1}
.producers-page-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}
.producers-page-title{margin:0;font-size:28px;font-weight:950;letter-spacing:-.03em}
.producers-page-note{margin:5px 0 0;color:#aaa;font-size:13px}
.producers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.producer-tile{position:relative;display:flex;flex-direction:column;min-width:0;background:#111;border:1px solid #292929;text-decoration:none;color:#fff;overflow:hidden;transition:transform .16s ease,border-color .16s ease}
.producer-tile:hover{transform:translateY(-2px);border-color:#ffc800}
.producer-tile-thumb{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#090909}
.producer-tile-body{padding:12px;min-width:0}
.producer-tile-name{font-size:15px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.producer-tile-meta{margin-top:4px;color:#aaa;font-size:12px}
.producer-online-badge{position:absolute;right:10px;top:10px;width:10px;height:10px;border-radius:50%;background:#35d06f;box-shadow:0 0 0 3px rgba(0,0,0,.65)}
.opm-load-more-wrap{display:flex;justify-content:center;margin-top:14px}
.opm-load-more-btn{min-width:170px;height:40px;border:0;background:#ffc800;color:#111;font-weight:900;cursor:pointer}
.opm-load-more-btn:disabled{opacity:.6;cursor:wait}
@media(max-width:1050px){.producers-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.producers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.producers-page-title{font-size:22px}}

/* Producer marketplace final layout: no internal sidebar scrollers and square image tiles. */
.er-market-sidebar-scroll{max-height:none!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;overscroll-behavior:auto!important;scrollbar-width:auto!important}
.er-market-sidebar-scroll li,.er-market-sidebar-scroll .sidebar-link{min-width:0!important;max-width:100%!important}
.er-market-sidebar-scroll .sidebar-name{display:block!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.producer-tile{position:relative!important;display:block!important;width:100%!important;aspect-ratio:1/1!important;min-width:0!important;overflow:hidden!important;background:#090909!important;border:1px solid #292929!important;color:#fff!important}
.producer-tile-thumb{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:0!important}
.producer-tile-overlay{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;background:linear-gradient(180deg,rgba(0,0,0,.03) 35%,rgba(0,0,0,.88) 100%)!important;pointer-events:none!important}
.producer-tile-caption{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:2!important;display:block!important;padding:14px!important;min-width:0!important;color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.95)!important}
.producer-tile-body{display:none!important}
.producer-tile-name{display:block!important;color:#fff!important;font-size:16px!important;font-weight:950!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.producer-tile-meta{display:block!important;margin-top:4px!important;color:rgba(255,255,255,.82)!important;font-size:11px!important;font-weight:800!important}
.producer-online-badge{z-index:3!important}
.producers-page #top-remix-packs .er-market-sidebar-scroll{max-height:none!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important}
@media(max-width:760px){.producer-tile-caption{padding:11px!important}.producer-tile-name{font-size:14px!important}}