.ccf-native-gallery{display:block;width:100%;min-width:0}
.ccf-gallery{display:block;width:100%;--ccf-cream:#f7f2e8;--ccf-line:#ded8ca;--ccf-accent:#405746;color:var(--color-foreground,#27322b)}
.ccf-gallery [hidden]{display:none!important}
.ccf-gallery button{font:inherit;color:inherit;cursor:pointer}
.ccf-gallery button:focus-visible{outline:2px solid var(--ccf-accent);outline-offset:3px}
.ccf-gallery__stage{position:relative;aspect-ratio:1;background:var(--ccf-cream);border-radius:12px;overflow:hidden}
.ccf-gallery__zoom{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in!important;touch-action:pan-y}
.ccf-gallery__zoom>img{display:block;width:100%;height:100%;object-fit:contain}
.ccf-gallery__zoom-hint{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--ccf-line);border-radius:50%;background:rgb(247 242 232 / .94);font-size:22px}
.ccf-gallery__empty{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center}
.ccf-gallery__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:13px}
.ccf-gallery__meta>[data-ccf-color]{font-weight:700}
.ccf-gallery__arrows{display:flex;align-items:center;gap:7px}
.ccf-gallery__arrows button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:transparent;font-size:20px}
.ccf-gallery__thumbs{display:flex;gap:10px;overflow-x:auto;padding:3px 3px 7px;scrollbar-width:thin}
.ccf-gallery__thumbs button{flex:0 0 80px;width:80px;height:80px;padding:3px;border:1px solid var(--ccf-line);border-radius:8px;background:var(--ccf-cream)}
.ccf-gallery__thumbs button[aria-pressed=true]{border:2px solid var(--ccf-accent);padding:2px}
.ccf-gallery__thumbs img{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}
.ccf-gallery__dialog{position:fixed;inset:0;margin:auto;width:min(94vw,1000px);height:min(90dvh,1000px);padding:0;border:0;border-radius:12px;background:var(--ccf-cream);overflow:hidden}
.ccf-gallery__dialog::backdrop{background:rgb(0 0 0 / .68)}
.ccf-gallery__dialog>img{display:block;width:100%;height:100%;object-fit:contain}
.ccf-gallery__close{position:absolute;top:12px;right:12px;z-index:1;width:44px;height:44px;border:1px solid var(--ccf-line);border-radius:50%;background:var(--ccf-cream);font-size:28px!important;line-height:1}
@media(max-width:749px){.ccf-gallery__stage{border-radius:0}.ccf-gallery__meta,.ccf-gallery__thumbs{padding-inline:16px}.ccf-gallery__thumbs button{flex-basis:68px;width:68px;height:68px}}