button[data-preview-src]{display:block;border:0;padding:0;background:transparent;text-align:inherit;color:inherit;cursor:zoom-in}
.image-viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:#08080bf7;color:#f5f1f8;overflow:hidden}
.image-viewer[open]{display:flex;flex-direction:column}
.image-viewer::backdrop{background:#000}
.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;border-bottom:1px solid #ffffff20;flex-shrink:0;background:#111015}
.viewer-toolbar p{font-size:16px;font-weight:400;overflow-wrap:anywhere;min-width:0;line-height:1.4}
.viewer-actions{display:flex;gap:10px;flex-shrink:0;margin-left:auto}
.viewer-actions a,.viewer-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid #ffffff35;border-radius:40px;font-size:14px;font-weight:400;white-space:nowrap;cursor:pointer;background:transparent}
.viewer-actions .viewer-download{background:#c29ae8;color:#150d1d;border-color:#c29ae8}
.viewer-actions a:hover,.viewer-actions button:hover{filter:brightness(1.2)}
.viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px}
.viewer-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.viewer-status{flex-shrink:0;text-align:center;color:#bbb2c3;font-size:14px;padding:0 24px 16px}
.viewer-status:empty{padding:0}
@media(max-width:600px){.viewer-toolbar{padding:16px;gap:12px;flex-wrap:wrap}.viewer-toolbar p{width:100%;font-size:14px}.viewer-actions{gap:8px}.viewer-actions a,.viewer-actions button{font-size:13px;padding:9px 17px}.viewer-stage{padding:12px}}

button.case-hero,.case-gallery figure>button{width:100%}