/* Independent of the visual theme: native scrolling at natural image height. */
.project-preview-gallery{aspect-ratio:16/11;border:0;background:#eceee9;border-radius:10px;scrollbar-width:none}
.project-preview-gallery::-webkit-scrollbar{display:none}
.preview-slide{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:100%;padding:12px 12px 42px;background:#eceee9;overflow:hidden}
.preview-slide:hover{background:#eceee9}
.browser-bar{height:28px;min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-radius:5px 5px 0 0;padding:0 10px;color:#70756c;font-size:9px;line-height:1.2}
.browser-dots{display:flex;gap:4px}.browser-dots i{width:4px;height:4px;border-radius:50%;background:#bfc3b9}.scroll-hint{font-size:9px;white-space:nowrap}
.preview-viewport{flex:1;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#9ba593 #fff;background:#fff;position:relative;touch-action:pan-x pan-y}
.preview-viewport img{display:block;width:100%;max-width:100%;height:auto;object-fit:initial;object-position:top;flex-shrink:0}
.preview-viewport:focus-visible{outline:2px solid var(--red);outline-offset:-3px}
.preview-enlarge{left:14px;right:14px;bottom:10px;font-size:10px}
.preview-arrow{border:0;border-radius:50%;background:#e9ece5;width:40px;height:40px}
.project-info>span,.project-details{border:0}
@media(max-width:760px){.project-preview-gallery{aspect-ratio:4/3}.preview-slide{padding:9px 9px 37px}.browser-bar{height:25px;min-height:25px;font-size:8px;padding:0 8px}.scroll-hint{font-size:8px}.preview-enlarge{font-size:9px;left:11px;right:11px;bottom:8px}}