*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#11213d;font-family:Arial,sans-serif}main{max-width:900px;margin:auto;padding:28px}
header{display:flex;justify-content:space-between;align-items:center}header h1{margin-bottom:4px}header p{color:#667085}
.card{background:#fff;border:1px solid #dfe5ee;border-radius:12px;padding:22px;margin:18px 0}.hide{display:none}
label{display:block;font-weight:600;margin:14px 0}input{display:block;width:100%;max-width:520px;height:40px;margin-top:6px;padding:8px;border:1px solid #bec8d6;border-radius:6px}
button{background:#0877df;color:#fff;border:0;border-radius:6px;padding:10px 16px;cursor:pointer}code{background:#f1f4f8;padding:3px 5px;border-radius:4px;word-break:break-all}
#badge{background:#eef2f6;border-radius:20px;padding:6px 10px}.result{display:flex;gap:22px;align-items:center;margin-top:20px}.result img{width:260px;height:260px}
.ok{color:#187a3d}.err{color:#b42318}hr{border:0;border-top:1px solid #e5e9f0;margin:20px 0}