/* BankMovie v148.61.9.44 — compact VIP sticker/GIF attachments in comments */
#bmMovieComments .bm-comment-media-host{display:flex;justify-content:flex-start;align-items:center;gap:8px;position:relative;margin:8px 0 10px;z-index:20;flex-wrap:wrap}
#bmMovieComments .bm-comment-media-host.is-reply{margin:8px 0 4px}
#bmMovieComments .bm-comment-media-control{position:relative;display:inline-flex;align-items:center}
#bmMovieComments .bm-comment-media-trigger{appearance:none;border:1px solid color-mix(in srgb,var(--accent,#27b7ff) 34%,transparent);background:linear-gradient(135deg,rgba(17,24,39,.9),rgba(9,15,28,.82));color:#eaf6ff;border-radius:14px;min-height:40px;padding:8px 11px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);font:inherit;font-size:12px;font-weight:800;transition:.18s ease}
#bmMovieComments .bm-comment-media-trigger:hover{transform:translateY(-1px);border-color:var(--accent,#27b7ff);background:rgba(20,30,48,.95)}
#bmMovieComments .bm-comment-media-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--accent,#27b7ff)}
#bmMovieComments .bm-comment-media-trigger b{font-size:9px;line-height:1;padding:4px 6px;border-radius:999px;color:#151008;background:linear-gradient(135deg,#ffe389,#f8bb28);letter-spacing:.04em}
#bmMovieComments .bm-comment-media-trigger.is-locked{opacity:.82;cursor:pointer}
#bmMovieComments .bm-comment-media-picker{position:absolute;z-index:120;right:0;top:calc(100% + 8px);width:min(390px,calc(100vw - 34px));max-height:360px;overflow:hidden;border:1px solid rgba(118,177,255,.22);border-radius:20px;background:rgba(5,10,19,.97);backdrop-filter:blur(22px);box-shadow:0 26px 70px rgba(0,0,0,.48);padding:9px}
#bmMovieComments .bm-comment-media-picker[hidden]{display:none!important}
#bmMovieComments .bm-comment-media-tabs{display:flex;gap:6px;overflow:auto;padding:2px 1px 8px;border-bottom:1px solid rgba(255,255,255,.07);scrollbar-width:none}
#bmMovieComments .bm-comment-media-tabs::-webkit-scrollbar{display:none}
#bmMovieComments .bm-comment-media-tab{white-space:nowrap;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#aebbd0;border-radius:12px;padding:7px 11px;cursor:pointer;font:inherit;font-size:11px;font-weight:800}
#bmMovieComments .bm-comment-media-tab.active{color:#fff;border-color:color-mix(in srgb,var(--accent,#27b7ff) 46%,transparent);background:color-mix(in srgb,var(--accent,#27b7ff) 16%,transparent)}
#bmMovieComments .bm-comment-media-panes{max-height:292px;overflow:auto;padding:8px 2px 2px}
#bmMovieComments .bm-comment-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#bmMovieComments .bm-comment-media-item{aspect-ratio:1;border:0;border-radius:14px;background:rgba(255,255,255,.035);display:grid;place-items:center;padding:5px;overflow:hidden;cursor:pointer;transition:.15s ease}
#bmMovieComments .bm-comment-media-item:hover{background:color-mix(in srgb,var(--accent,#27b7ff) 12%,transparent);transform:scale(1.025)}
#bmMovieComments .bm-comment-media-item img,#bmMovieComments .bm-comment-media-item video{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;pointer-events:none}
#bmMovieComments .bm-comment-media-empty{grid-column:1/-1;padding:24px 12px;text-align:center;color:#8290a8;font-size:11px;line-height:1.9}

/* Selected attachment stays separate from the textarea, so the internal marker is never shown to users. */
#bmMovieComments .bm-comment-media-selection{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:4px 7px 4px 5px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent,#27b7ff) 30%,transparent);background:color-mix(in srgb,var(--accent,#27b7ff) 8%,rgba(8,14,24,.86));color:#b9c7da;font-size:10px;font-weight:700;max-width:min(330px,100%)}
#bmMovieComments .bm-comment-media-selection img,#bmMovieComments .bm-comment-media-selection video{width:38px;height:38px;object-fit:contain;border-radius:10px;flex:0 0 38px}
#bmMovieComments .bm-comment-media-selection span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#bmMovieComments .bm-comment-media-remove{appearance:none;border:0;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font:700 19px/1 sans-serif;cursor:pointer;flex:0 0 25px}

/* Compact media in the published comment: all packs/formats use the same geometry. */
#bmMovieComments .bm-comment-media{display:inline-flex;align-items:center;justify-content:center;width:82px;height:82px;max-width:82px;min-width:0;margin:1px 0;border-radius:14px;overflow:hidden;background:transparent;flex:0 0 82px}
#bmMovieComments .bm-comment-media img,#bmMovieComments .bm-comment-media video{display:block;width:100%;height:100%;max-width:82px;max-height:82px;object-fit:contain;border-radius:14px}
#bmMovieComments .bm-comment-media-combo{display:flex;align-items:center;gap:11px;max-width:100%;width:max-content;min-width:0;margin:3px 0 5px}
#bmMovieComments .bm-comment-media-caption{min-width:0;max-width:min(520px,calc(100vw - 180px));font-size:inherit;line-height:1.9;overflow-wrap:anywhere;color:inherit}
#bmMovieComments .comment-text:has(> .bm-comment-media),#bmMovieComments .reply-text:has(> .bm-comment-media),#bmMovieComments .comment-text:has(> .bm-comment-media-combo),#bmMovieComments .reply-text:has(> .bm-comment-media-combo){padding-top:2px;padding-bottom:2px}

@media(max-width:560px){
  #bmMovieComments .bm-comment-media-picker{position:fixed;right:12px;left:12px;bottom:calc(92px + env(safe-area-inset-bottom));top:auto;width:auto;max-height:min(420px,58vh);border-radius:22px}
  #bmMovieComments .bm-comment-media-panes{max-height:min(340px,47vh)}
  #bmMovieComments .bm-comment-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  #bmMovieComments .bm-comment-media-item{padding:3px;border-radius:12px}
  #bmMovieComments .bm-comment-media{width:66px;height:66px;max-width:66px;flex-basis:66px;border-radius:12px}
  #bmMovieComments .bm-comment-media img,#bmMovieComments .bm-comment-media video{max-width:66px;max-height:66px;border-radius:12px}
  #bmMovieComments .bm-comment-media-combo{gap:8px;align-items:flex-start}
  #bmMovieComments .bm-comment-media-caption{max-width:calc(100vw - 145px);font-size:12px;line-height:1.8}
  #bmMovieComments .bm-comment-media-selection{max-width:100%;font-size:9.5px}
  #bmMovieComments .bm-comment-media-selection img,#bmMovieComments .bm-comment-media-selection video{width:34px;height:34px;flex-basis:34px}
}
@media(max-width:360px){#bmMovieComments .bm-comment-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
