[data-piece-gallery] [data-piece-slide]{cursor:zoom-in}
.piece-gallery-expand{position:absolute;z-index:4;top:14px;left:14px;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #f9f7f488;border-radius:50%;color:#fff;background:#1a1a18b8;font:28px/1 Arial,sans-serif;cursor:zoom-in}
.piece-gallery-expand:focus-visible,.piece-lightbox button:focus-visible{outline:2px solid #fff;outline-offset:4px}
body.piece-lightbox-open{overflow:hidden}
dialog.piece-lightbox{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#f9f7f4;background:#141412;font-family:"DM Sans",Arial,sans-serif;overscroll-behavior:contain}
dialog.piece-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.piece-lightbox::backdrop{background:#141412}
.piece-lightbox *{box-sizing:border-box}
.piece-lightbox__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;padding-top:max(16px,env(safe-area-inset-top));font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.piece-lightbox button{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;padding:0;border:1px solid #8d8980;border-radius:50%;color:#f9f7f4;background:#242420;font:26px/1 Arial,sans-serif;cursor:pointer}
.piece-lightbox button:hover{color:#141412;background:#f9f7f4}
.piece-lightbox__stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0 24px}
body dialog.piece-lightbox .piece-lightbox__stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.piece-lightbox__bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
.piece-lightbox__controls{display:flex;align-items:center;gap:14px;flex-shrink:0}
.piece-lightbox__controls span{min-width:58px;text-align:center;font-size:11px;letter-spacing:.12em}
.piece-lightbox__bottom p{max-width:760px;margin:0;color:#d4cec6;font-size:13px;line-height:1.5}
@media(max-width:620px){.piece-lightbox__top{padding-inline:12px;padding-bottom:8px}.piece-lightbox__stage{padding-inline:8px}.piece-lightbox__bottom{flex-direction:column;gap:10px;padding:10px 12px max(12px,env(safe-area-inset-bottom))}.piece-lightbox__bottom p{font-size:12px;line-height:1.4;text-align:center}.piece-gallery-expand{top:10px;left:10px}}
