*{box-sizing:border-box}body{margin:0;background:#101416;color:#f7f7f3;font:15px system-ui}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:#1d2526}a{color:#a7edcb}h1{font-size:17px;margin:0}main{height:calc(100dvh - 132px);display:flex;align-items:center;justify-content:center;padding:12px}main img{max-width:100%;max-height:100%;object-fit:contain}footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px}button{background:#0b7465;color:white;border:0;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer}button:disabled{opacity:.4}select{max-width:100px;padding:8px;border-radius:6px}@media(max-width:600px){header{padding:12px;flex-wrap:wrap}main{height:calc(100dvh - 180px)}footer{gap:8px;padding:10px}button{padding:10px}}
body.embedded header{display:none}body.embedded main{height:calc(100dvh - 68px)}main img{cursor:zoom-in}body.zoomed main{overflow:auto;display:block}body.zoomed main img{max-width:none;max-height:none;width:1600px;cursor:zoom-out}body.zoomed main{touch-action:pan-x pan-y}