.project-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:20px 32px;border-radius:0;background:#101b1e;color:#f1f2ef;box-sizing:border-box}
.project-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px}
.project-lightbox::backdrop{background:#101b1e}
.project-lightbox .lightbox-toolbar{min-height:48px}
.project-lightbox .lightbox-title{color:#f1f2ef;font-size:16px;line-height:1.5;max-width:70ch}
.project-lightbox button{background:transparent;color:#edf4f3;border-color:#526165;border-radius:8px;min-height:44px;padding:10px 18px;transition:background 160ms,border-color 160ms}
.project-lightbox button:focus-visible{outline:2px solid #62d2d5;outline-offset:4px}
.project-lightbox .lightbox-stage{position:relative;background:transparent;border-radius:0;overflow:hidden}
.project-lightbox .lightbox-stage>img{width:100%;height:100%;object-fit:contain}
.project-lightbox .lightbox-stage>img[hidden]{display:none}
.lightbox-status{position:absolute;max-width:42ch;text-align:center;color:#d5e3e2;line-height:1.6}
.lightbox-status:empty{display:none}
.project-lightbox .lightbox-count{color:#d5e3e2;font-size:14px;letter-spacing:.08em}
.lightbox-thumbnails{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:6px;margin:auto;scrollbar-color:#526165 #101b1e}
.project-lightbox .lightbox-thumbnails button{flex:0 0 76px;height:50px;min-height:0;padding:3px;border:2px solid transparent;border-radius:4px}
.lightbox-thumbnails img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1px}
.project-lightbox .lightbox-thumbnails button[aria-current=true]{border-color:#62d2d5}
@media(hover:hover){.project-lightbox button:hover{background:#253639;border-color:#83abad}}
@media(max-width:720px){.project-lightbox{padding:12px 12px max(12px,env(safe-area-inset-bottom));gap:8px}.project-lightbox .lightbox-title{font-size:14px}.project-lightbox .lightbox-toolbar{align-items:center;gap:12px}.project-lightbox .lightbox-close{font-size:0;padding:8px 12px}.project-lightbox .lightbox-close span{font-size:26px;margin:0}.project-lightbox .lightbox-thumbnails button{flex-basis:60px;height:44px}.project-lightbox .lightbox-controls button{font-size:13px;padding:10px 14px}}
.image-viewer-open{overflow:hidden}
img[data-gallery-image]{cursor:zoom-in}
img[data-gallery-image]:focus-visible{outline:3px solid var(--accent,#00666c);outline-offset:4px}
.project-lightbox{position:fixed;inset:0;border:0}
.project-lightbox .lightbox-toolbar,.project-lightbox .lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}
.project-lightbox .lightbox-title{margin:0}
.project-lightbox button{font:inherit;font-size:14px;border:1px solid;cursor:pointer;white-space:nowrap}
.project-lightbox button:disabled{opacity:.35;cursor:default}
.project-lightbox .lightbox-close span{font-size:22px;margin-left:12px}
.project-lightbox .lightbox-stage{min-height:0;display:flex;align-items:center;justify-content:center}
.project-lightbox .lightbox-stage>img{display:block}