*{box-sizing:border-box}
body{margin:0;font:16px system-ui;background:#f5f7fb;color:#152033}
main{max-width:480px;margin:auto;padding:24px}
h1{font-size:2rem;margin:0 0 8px}
h2{font-size:1.15rem;margin:24px 0 8px}
button{width:100%;padding:18px;margin:8px 0;border:0;border-radius:12px;background:#0759c8;color:#fff;font:inherit;text-align:left}
button small{display:block;opacity:.9;margin-top:4px}
#trial{background:#087f5b}
#status{min-height:2em;line-height:1.4}
#pix-panel{margin-top:8px;padding:16px;border-radius:12px;background:#fff;border:1px solid #d7deea}
#pix-panel h2{margin-top:0}
#pix-panel .hint{margin:0 0 12px;color:#445066;font-size:.95rem}
#pix{
  display:block;width:100%;min-height:6.5rem;margin:0 0 12px;padding:12px;
  border:1px solid #c5d0e0;border-radius:10px;background:#f8fafc;color:#152033;
  font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;resize:none
}
#copy-pix{background:#0b3d7a;text-align:center;font-weight:600}
#copy-pix[data-copied="true"]{background:#087f5b}
@media(max-width:360px){main{padding:16px}h1{font-size:1.65rem}}