*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh;display:grid;place-items:center;background:#f5f5f5}#app{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #00000014;max-width:420px;width:100%}h1{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}#form{display:flex;flex-direction:column;gap:.75rem}#form label{font-size:.875rem;font-weight:500;color:#333}#url{padding:.5rem .75rem;font-size:1rem;border:1px solid #ccc;border-radius:6px}#url:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #06c3}#form button{padding:.6rem 1rem;font-size:1rem;font-weight:500;color:#fff;background:#06c;border:none;border-radius:6px;cursor:pointer}#form button:hover{background:#0052a3}.error{margin:.75rem 0 0;font-size:.875rem;color:#c00}.result{margin-top:1.5rem;text-align:center}.result canvas{display:block;margin:0 auto 1rem;max-width:100%;height:auto}#download{font-size:.875rem;color:#06c;text-decoration:none}#download:hover{text-decoration:underline}