*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;background:#f6f6f4;color:#1d1d1f}
main{max-width:720px;margin:0 auto;padding:24px 16px}
h1{font-size:1.6rem;margin:0 0 16px}
h1 a{color:inherit;text-decoration:none}
label{display:block;font-weight:600;margin:16px 0 4px}
textarea,input[type=text],input[type=password]{width:100%;padding:10px;font:inherit;border:1px solid #c8c8c4;border-radius:6px;background:#fff}
textarea{resize:vertical;font-family:ui-monospace,Menlo,monospace}
input[type=password]{max-width:140px;letter-spacing:.3em}
button{margin-top:16px;padding:10px 20px;font:inherit;font-weight:600;border:0;border-radius:6px;background:#2a5bd7;color:#fff;cursor:pointer}
button:hover{background:#1f48b0}
.row{display:flex;gap:8px;align-items:center}
.row button{margin-top:0;flex:none}
.hint{color:#666;font-size:.9rem;margin:4px 0}
.hint.over{color:#b3261e;font-weight:600}
.error{color:#b3261e;background:#fdecea;padding:10px;border-radius:6px}
.warn{background:#fff4d6;padding:10px;border-radius:6px}
pre{white-space:pre-wrap;word-wrap:break-word;background:#fff;border:1px solid #c8c8c4;border-radius:6px;padding:12px;font-family:ui-monospace,Menlo,monospace}