.ipa-media{margin-top:36px;color:var(--ipa-text,#202124)}
.ipa-media h2{font-size:clamp(22px,3vw,30px);font-weight:600;letter-spacing:-.025em;margin:0 0 18px}
.ipa-media-stage{aspect-ratio:1672/941;border:1px solid var(--ipa-border,#dfe3e8);border-radius:12px;background:var(--ipa-surface,#fff);overflow:hidden}
.ipa-media-stage>button,.ipa-media-stage>iframe{display:block;width:100%;height:100%;border:0;margin:0;padding:0;background:transparent}
.ipa-media-stage>button{cursor:zoom-in}
.ipa-media-stage img{display:block;width:100%;height:100%;object-fit:contain}
.ipa-media-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.ipa-media-thumbs button{position:relative;display:block;aspect-ratio:1672/941;overflow:hidden;border:1px solid var(--ipa-border,#dfe3e8);border-radius:7px;background:var(--ipa-surface,#fff);padding:0;cursor:pointer}
.ipa-media-thumbs img{display:block;width:100%;height:100%;object-fit:contain}
.ipa-media-thumbs button[aria-current=true]{outline:2px solid #466c96;outline-offset:2px}
.ipa-media button:focus-visible,.ipa-media-lightbox button:focus-visible{outline:3px solid #466c96;outline-offset:3px}
.ipa-media-play{position:relative;cursor:pointer!important}
.ipa-media-play span,.ipa-media-thumbs button>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 20px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:#252b34;font:600 16px "Segoe UI",sans-serif;white-space:nowrap}
.ipa-media-thumbs button>span{padding:5px 10px;font-size:12px;border-radius:5px}
.ipa-media-lightbox{box-sizing:border-box;width:min(96vw,1800px);max-width:96vw;max-height:96vh;padding:44px 46px 20px;border:1px solid #dfe3e8;border-radius:10px;background:#f3f4f6;color:#202124;overflow:auto}
.ipa-media-lightbox::backdrop{background:rgba(20,24,30,.75)}
.ipa-media-lightbox>img{display:block;max-width:100%;max-height:calc(94vh - 70px);width:auto;height:auto;object-fit:contain;margin:auto}
.ipa-media-lightbox-controls{position:absolute;top:8px;left:16px;right:8px;display:flex;justify-content:space-between;align-items:center;font:14px "Segoe UI",sans-serif}
.ipa-media-lightbox button{border:1px solid #dfe3e8;border-radius:6px;background:#fff;color:#202124;width:34px;height:34px;font:24px "Segoe UI",sans-serif;cursor:pointer;line-height:1}
.ipa-media-lightbox-prev,.ipa-media-lightbox-next{position:absolute;top:50%;transform:translateY(-50%)}
.ipa-media-lightbox-prev{left:6px}.ipa-media-lightbox-next{right:6px}
html[data-theme=dark] .ipa-media{color:#ecedf1}
html[data-theme=dark] .ipa-media-stage,html[data-theme=dark] .ipa-media-thumbs button,html[data-theme=dark] .ipa-media-lightbox{background:#252b34;border-color:#444a54}
html[data-theme=dark] .ipa-media-lightbox,html[data-theme=dark] .ipa-media-lightbox button{color:#ecedf1}
html[data-theme=dark] .ipa-media-lightbox button{background:#1c2027;border-color:#444a54}
html[data-theme=dark] .ipa-media-thumbs button[aria-current=true]{outline-color:#9bbfea}
@media(max-width:560px){.ipa-media-thumbs{gap:7px}.ipa-media-lightbox{padding:42px 36px 14px}.ipa-media-lightbox button{width:28px;height:30px}.ipa-media-play span{padding:9px 12px;font-size:14px}}