:root{font-family:system-ui,sans-serif;color-scheme:light dark;background:var(--tg-theme-bg-color,#f4f6f9);color:var(--tg-theme-text-color,#17212b)}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}header{padding:18px 20px 12px;border-bottom:1px solid #8492a633}.label{font-size:11px;letter-spacing:.13em;color:var(--tg-theme-hint-color,#64748b)}h1{font-size:19px;margin:6px 0}p{margin:5px 0;line-height:1.4}#description{font-size:14px;color:var(--tg-theme-hint-color,#64748b)}main{flex:1;min-height:0;overflow:auto;padding:12px}#status{text-align:center;padding:40px 14px}#canvas{min-height:100%;text-align:center}img{max-width:100%;height:auto;vertical-align:top;border-radius:6px}footer{display:flex;gap:8px;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid #8492a633}button{border:0;border-radius:10px;padding:12px;font:inherit;background:var(--tg-theme-secondary-bg-color,#e2e8f0);color:inherit;cursor:pointer}button:disabled{opacity:.4}#reset{flex:1}#close{background:var(--tg-theme-button-color,#2481cc);color:var(--tg-theme-button-text-color,white)}