:root{color-scheme:dark;font:14px system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#111;color:#ddd}*{box-sizing:border-box}body{margin:0}main{min-height:100svh;display:grid;place-items:center;padding:16px}figure{margin:0;width:min(100%,1100px)}#canvas{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;position:relative}#canvas.empty{height:60svh}#picture{display:block;width:auto;height:auto;max-width:100%;max-height:77svh;object-fit:contain}#picture[hidden],a[hidden],#status[hidden]{display:none}#status{position:absolute;color:#aaa;text-align:center;padding:20px}figcaption{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 0 8px}a{color:#aaa;text-underline-offset:4px;font-size:13px}a:hover{color:#fff}button{border:1px solid #505050;border-radius:6px;padding:10px 28px;background:#242424;color:#eee;font:inherit;cursor:pointer;min-width:120px}button:hover:not(:disabled){background:#353535}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #b8e486;outline-offset:4px}@media(max-width:550px){main{padding:10px}#picture{max-height:74svh}figcaption{padding-top:16px}}