.image-dialog.carousel-dialog{box-sizing:border-box;width:min(1100px,calc(100% - 32px));max-width:1100px;max-height:calc(100dvh - 24px);padding:18px;border:0;border-radius:16px;color:#172d43;background:#fafaf8}
.image-dialog.carousel-dialog[open]{display:flex;flex-direction:column;gap:12px}
.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}
.carousel-counter{font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums;margin:0}
.image-dialog.carousel-dialog .dialog-close{position:static;min-height:44px;margin:0;padding:10px 16px;border:1px solid #9aaaba;border-radius:24px;background:#fff;color:#172d43;font-size:15px;line-height:1.4;cursor:pointer}
.image-dialog.carousel-dialog figure{min-height:0;margin:0;display:flex;flex-direction:column;gap:10px}
.image-dialog.carousel-dialog figure img{display:block;width:100%;height:auto;max-width:100%;max-height:calc(100dvh - 270px);object-fit:contain;margin:0;background:#edf0f3;border-radius:8px}
.image-dialog.carousel-dialog figure figcaption{font-size:15px;line-height:1.55;padding:0;margin:0;max-height:7.75em;overflow-y:auto;color:#172d43}
.carousel-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:none}
.carousel-navigation button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 14px;border:1px solid #172d43;border-radius:28px;background:#172d43;color:white;font:inherit;font-size:16px;line-height:1.4;cursor:pointer}
.carousel-navigation button:hover{background:#315bba;border-color:#315bba}
.carousel-dialog button:focus-visible{outline:3px solid #315bba;outline-offset:3px}
@media(max-width:600px){.image-dialog.carousel-dialog{width:calc(100% - 16px);padding:14px;gap:12px}.image-dialog.carousel-dialog figure img{max-height:calc(100dvh - 270px)}.carousel-navigation{gap:10px}.carousel-navigation button{font-size:15px;padding:12px 10px}}