.subtitle-gallery{display:block;min-width:0;margin:4px 0 12px;color:var(--p-text,var(--eva-text));--sg-line:var(--p-line,var(--eva-line));--sg-panel:var(--p-panel,var(--eva-panel));--sg-selected:var(--p-selected,var(--eva-selected));--sg-accent:var(--p-purple,var(--eva-purple-text))}
.sg-heading{font-size:13px;margin-bottom:8px}
.sg-groups{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.sg-groups button{font:inherit;font-size:12px;min-height:44px;padding:8px 16px;border:1px solid var(--sg-line);border-radius:8px;background:var(--sg-panel);color:inherit;cursor:pointer}
.sg-groups button[aria-pressed=true]{border-color:var(--sg-accent);background:var(--sg-selected);color:var(--sg-accent)}
.sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px;align-content:start;max-height:min(45vh,360px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 4px 4px 2px}
:is(#chiyu-template-media-prototype,#chiyu-infinitetalk-workbench,body) .subtitle-gallery .sg-card{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:2px solid var(--sg-line);border-radius:9px;overflow:hidden;background:var(--sg-panel);color:inherit;font:inherit;cursor:pointer;text-align:center}
:is(#chiyu-template-media-prototype,#chiyu-infinitetalk-workbench,body) .subtitle-gallery .sg-card[aria-pressed=true]{border-color:var(--sg-accent);background:var(--sg-selected)}
:is(#chiyu-template-media-prototype,#chiyu-infinitetalk-workbench,body) .subtitle-gallery .sg-card:hover{border-color:var(--sg-accent)}
.sg-thumbnail{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#101525}
.sg-thumbnail video,.sg-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.sg-selected{display:none;position:absolute;right:6px;top:6px;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--sg-accent);color:#15121f;font-size:13px;line-height:1;font-weight:700}
.sg-card[aria-pressed=true] .sg-selected{display:grid}
.sg-name{display:flex;align-items:center;justify-content:center;min-height:36px;padding:6px 8px;font-size:12px;line-height:1.4;overflow-wrap:anywhere;box-sizing:border-box}
.sg-error{position:absolute;inset:0;display:grid;place-items:center;background:#101525;color:#afa5bd;font-size:12px}
.sg-groups button:focus-visible,.subtitle-gallery .sg-card:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px}
.subtitle-gallery [hidden],[data-subtitle-video][hidden]{display:none!important}