.lightbox.portfolio-viewer{color:#fff;gap:0!important;max-height:none!important;padding:0!important;overflow:hidden!important}.portfolio-viewer-stage{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox.portfolio-viewer .portfolio-viewer-stage .lightbox-image{object-fit:contain;-webkit-touch-callout:none;flex:none;width:100%;height:100%;max-height:none;display:block}.portfolio-viewer .lightbox-top{z-index:3;text-shadow:0 1px 4px #000;pointer-events:none;background:linear-gradient(#000b,#0005,#0000);flex-wrap:wrap;gap:8px 12px;padding:12px 16px;position:absolute;inset:0 0 auto}.portfolio-viewer .lightbox-top button{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;border-radius:50%;min-width:44px;min-height:44px}.portfolio-viewer-bottom{z-index:2;pointer-events:none;background:linear-gradient(#0000,#0009);padding:12px 16px 16px;position:absolute;bottom:0;left:0;right:0}.portfolio-viewer-toolbar{pointer-events:auto;flex-basis:100%;width:100%}.portfolio-viewer .portfolio-viewer-toolbar .photo-interactions{padding:0}.portfolio-viewer .lightbox-top>span:first-child{flex:1;min-width:0}.portfolio-viewer .lightbox-top>button{color:#fff;background:#0007;border:1px solid #fff8;flex-shrink:0}.portfolio-viewer .lightbox-top>button svg{width:24px;height:24px}.portfolio-viewer .photo-interaction-buttons{flex-wrap:nowrap;gap:8px;display:flex}.portfolio-viewer .photo-interaction-buttons button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-shadow:0 1px 3px #000;background:#15151555;border:1px solid #ffffff45;border-radius:24px;min-height:44px;padding:10px 14px;font-size:13px}.portfolio-viewer .photo-like[aria-pressed=true]{color:#ffd2dd;background:#87294470;border-color:#ffa7bf}.portfolio-viewer .photo-interaction-status{color:#fff;text-shadow:0 1px 4px #000}.portfolio-viewer-arrows{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:50% 14px auto}.portfolio-viewer-arrows button{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0005;border:1px solid #fff4;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.portfolio-viewer button:focus-visible{outline-offset:3px;outline:2px solid #fff}.portfolio-swipe-hint{text-align:center;color:#fff;text-shadow:0 1px 4px #000;margin:0 0 10px;font-size:11px;display:none}@media (max-width:900px),(pointer:coarse){.lightbox.portfolio-viewer{border:0!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:0!important}.portfolio-viewer .lightbox-top{padding-top:max(10px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));font-size:12px}.portfolio-viewer-bottom{padding-bottom:max(14px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.portfolio-viewer .photo-interaction-buttons button{flex:1;min-width:0;padding:9px 10px;font-size:12px}.portfolio-viewer-arrows{display:none}.portfolio-swipe-hint{display:block}}