*{box-sizing:border-box}html,body{margin:0;background:transparent;font-family:Arial,sans-serif;color:#151515}
.portrait-gallery{width:100%;height:100%;display:flex;flex-direction:column;gap:8px}
.stage{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#e2bd97}
.stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .25s ease}
.stage img[hidden]{display:none}.stage img.changing{opacity:0}
#status{position:absolute;inset:0;display:grid;place-items:center;margin:0;text-align:center;font-size:14px}
#status[hidden]{display:none}
.controls{display:flex;justify-content:center;align-items:center;gap:14px;min-height:34px;font-size:13px}
.controls button{background:transparent;border:1px solid #222;border-radius:50%;width:32px;height:32px;cursor:pointer;color:inherit;font-size:18px}
.controls #play{border:0;border-radius:0;width:auto;padding:0 4px;font-size:13px}
.controls button:disabled{opacity:.4;cursor:default}
@media(prefers-reduced-motion:reduce){.stage img{transition:none}}