hoya-media-gallery{display:block;min-width:0;color:#5C4F46;font:12px/1.5 Arial,"Microsoft YaHei",sans-serif}
hoya-media-gallery .visual-stage{position:relative;aspect-ratio:16/9;isolation:isolate;overflow:hidden;border:1px solid #DDD3C5;border-radius:12px;background:#1F1F1F;box-shadow:0 15px 50px rgb(31 31 31/.08)}
hoya-media-gallery .visual-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s}
hoya-media-gallery .visual-scene.is-active{opacity:1;visibility:visible}
hoya-media-gallery .visual-scene>img,hoya-media-gallery video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
hoya-media-gallery video{object-fit:contain;background:#1F1F1F;opacity:0;transition:opacity .45s}
hoya-media-gallery video.is-ready{opacity:1}
hoya-media-gallery .visual-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
hoya-media-gallery .visual-caption{display:flex;align-items:center;gap:18px;min-width:0}
hoya-media-gallery .visual-counter{align-self:center;color:#9E8A79;font:9px/1.5 Consolas,monospace;letter-spacing:.04em;white-space:nowrap}
hoya-media-gallery .visual-caption>div{border-left:1px solid #DDD3C5;padding-left:18px;min-width:0}
hoya-media-gallery .visual-maker{color:#9E8A79;font-size:9px;letter-spacing:.08em}
hoya-media-gallery .visual-title{margin:4px 0 0;color:#5C4F46;font-size:12px;letter-spacing:.025em}
hoya-media-gallery .visual-actions{display:flex;align-items:center;gap:5px;flex:none}
hoya-media-gallery .visual-actions button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid transparent;border-radius:50%;background:none;color:#7A6A5E;cursor:pointer;font:17px/1 Arial,sans-serif;transition:background .2s,border-color .2s}
hoya-media-gallery .visual-actions .visual-motion{font-size:11px;border-color:#E0D5C7}
hoya-media-gallery .visual-actions button:hover{background:#F1ECE4;border-color:#E0D5C7;color:#1F1F1F}
hoya-media-gallery .visual-actions button:disabled{cursor:default;opacity:.5}
hoya-media-gallery .visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:17px;padding-top:10px;border-top:1px solid #E4DDD3}
hoya-media-gallery .visual-scenes{display:flex;align-items:center;gap:1px}
hoya-media-gallery .visual-scenes button{display:grid;place-items:center;min-width:23px;height:24px;padding:4px;border:0;border-radius:0;background:none;cursor:pointer}
hoya-media-gallery .visual-scenes button>span{width:4px;height:4px;border-radius:50%;background:#C9B9A8;transition:width .3s,background .3s}
hoya-media-gallery .visual-scenes button[aria-pressed="true"]>span{width:19px;border-radius:4px;background:#5C4F46}
hoya-media-gallery .visual-credit{color:#9E8A79;font-size:9px;letter-spacing:.03em;text-decoration:none;white-space:nowrap}
hoya-media-gallery .visual-credit:hover{color:#1F1F1F}
hoya-media-gallery button:focus-visible,hoya-media-gallery a:focus-visible{outline:2px solid #7A6A5E;outline-offset:4px}
hoya-media-gallery .visual-announcement{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:640px){hoya-media-gallery .visual-stage{border-radius:8px}hoya-media-gallery .visual-controls{margin-top:15px;gap:12px}hoya-media-gallery .visual-counter{font-size:8px}hoya-media-gallery .visual-caption{gap:11px}hoya-media-gallery .visual-caption>div{padding-left:11px}hoya-media-gallery .visual-maker{font-size:8px}hoya-media-gallery .visual-title{font-size:10px}hoya-media-gallery .visual-actions{gap:0}hoya-media-gallery .visual-actions button{width:29px;height:32px;font-size:15px}hoya-media-gallery .visual-actions .visual-motion{font-size:9px}hoya-media-gallery .visual-bottom{margin-top:12px;padding-top:7px;gap:8px}hoya-media-gallery .visual-scenes button{min-width:21px;height:25px}hoya-media-gallery .visual-credit{font-size:8px}}
@media(prefers-reduced-motion:reduce){hoya-media-gallery *,hoya-media-gallery *::after{transition:none!important;animation:none!important}}