/* Image browsing controls; no player, order or production changes. */
.image-category-toggle{pointer-events:auto;color:#eee7d4;cursor:pointer;align-items:center;justify-content:center;font:inherit}
.image-category-toggle[hidden]{display:none!important}
.image-category-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
.image-category-desktop{display:flex;gap:12px;width:100%;padding:12px;border:1px solid #ffffff30;border-radius:10px;background:#171719;font-size:14px}
.image-category-mobile{display:none}
.image-category-toggle[data-category-active=true]{color:var(--gold);border-color:#f3c85f70}
.image-category-toggle:focus-visible,.category-item:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.category-sheet{width:min(440px,calc(100% - 24px));max-width:440px;max-height:85dvh;margin:auto;padding:26px 22px 22px;border-radius:20px;overflow-y:auto}
.category-sheet h2{font-size:27px;margin:0 0 18px;padding-right:35px}
.category-close{position:absolute;top:18px;right:18px;font-size:26px;font-weight:400;line-height:1}
#image-category-search{width:100%;border:1px solid #49494f;border-radius:10px;background:#111114;color:#fff;padding:12px;font:inherit;font-size:16px;margin-bottom:16px;outline:none}
#image-category-search:focus{border-color:var(--gold)}
.image-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.category-item{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;min-height:48px;border:1px solid #414148;border-radius:10px;padding:8px 12px;background:#222227;color:#f0f0f3;cursor:pointer;font:inherit;font-size:13px;line-height:1.35}
.category-item[data-category=all]{grid-column:1/-1;min-height:44px}
.category-item span{min-width:0;overflow-wrap:break-word}
.category-item small{font-size:11px;color:#bdbdc7;flex-shrink:0}
.category-item[aria-pressed=true]{border-color:var(--gold);background:#302719;color:var(--gold)}
.category-item:disabled{opacity:.5;cursor:default}
.category-result{grid-column:1/-1;margin:5px 0 0;font-size:12px;line-height:1.5;color:#babac3}
body.video-only .image-category-toggle{visibility:hidden;pointer-events:none}
@media(max-width:700px){
  .image-category-desktop{display:none}
  .image-category-mobile{display:flex;flex-direction:column;gap:2px;position:absolute;left:8px;top:calc(10px + env(safe-area-inset-top));min-width:54px;height:42px;padding:0;background:transparent;border:0;font-size:9px;line-height:12px}
  .image-category-mobile svg{width:21px;height:21px}
  .browsing-images .preview-chip{right:10px;font-size:7px;letter-spacing:0;padding:6px;}
  .category-sheet{margin:auto;width:calc(100% - 24px);max-width:440px;padding:24px 18px 18px;border-radius:18px;bottom:auto}
  .category-item{padding:8px 10px;gap:6px;font-size:12px}
}