.hbu-image-viewer{--image-close-size:46px;--image-close-font:28px;position:fixed;inset:0;width:min(96vw,1400px);height:min(96dvh,1000px);max-width:none;max-height:none;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:#0b1520;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.5);overflow:hidden}
.hbu-image-viewer[open]{display:flex;flex-direction:column}
.hbu-image-viewer::backdrop{background:rgba(3,10,19,.84)}
.hbu-image-viewer-bar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:64px;padding:8px 14px 8px 22px;background:#101f2d;font-size:18px;font-weight:700}
.hbu-image-viewer-close{min-height:46px;min-width:124px;padding:8px 14px;border:1px solid #cbd9e7;border-radius:10px;background:#fff;color:#102236;font:inherit;cursor:pointer}
.hbu-image-viewer-close span{font-size:28px;line-height:16px;vertical-align:-2px;margin-left:6px}
.hbu-image-viewer>img{display:block;width:100%;flex:1;min-height:0;height:0;object-fit:contain}
.hbu-image-viewer>p{position:absolute;bottom:12px;left:20px;background:#102236}
@media(max-width:720px){.hbu-image-viewer{--image-close-size:69px;--image-close-font:42px;width:100vw;height:100dvh;border:0;border-radius:0}.hbu-image-viewer-bar{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:28px;min-height:calc(64px + env(safe-area-inset-top))}.hbu-image-viewer-bar>span,.hbu-image-viewer-actions{transform:translateY(20px)}}
.hbu-image-viewer-actions{display:flex;align-items:center;gap:10px}
.hbu-image-viewer-actions button{font:inherit;min-height:46px;border-radius:10px;cursor:pointer}
.hbu-image-viewer-actions .hbu-image-viewer-close{min-width:var(--image-close-size);width:var(--image-close-size);height:var(--image-close-size);min-height:var(--image-close-size);font-size:var(--image-close-font);padding:6px}
.hbu-image-viewer-delete{background:#101f2d;color:white;border:1px solid #cbd9e7;padding:8px 14px}
.hbu-image-viewer-delete[hidden]{display:none}

.hbu-image-delete-confirm{position:absolute;z-index:3;top:calc(76px + env(safe-area-inset-top,0px));left:16px;right:16px;max-width:520px;margin:auto;padding:20px;background:#101f2d;color:#fff;border:1px solid #cbd9e7;border-radius:14px;box-shadow:0 8px 32px #0008;font-size:18px}
.hbu-image-delete-confirm[hidden]{display:none}.hbu-image-delete-confirm p{margin:0 0 18px;line-height:1.5}.hbu-image-delete-confirm>div{display:flex;flex-wrap:wrap;gap:10px}.hbu-image-delete-confirm button{min-height:48px;padding:10px 16px;border:1px solid #cbd9e7;border-radius:10px;font:inherit;cursor:pointer;background:#fff;color:#102236}.hbu-image-delete-confirm .hbu-image-delete-accept{background:#e8c789;border-color:#e8c789;font-weight:700}

@media(max-width:720px){.hbu-image-delete-confirm{top:calc(104px + env(safe-area-inset-top,0px))}}