:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#34404d;background:#f5f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:40px auto;padding:0 24px}header,.toolbar{display:flex;align-items:center;gap:18px}header h1{font-size:28px}header span,.muted{color:#84909d}header button{margin-left:auto}h2{font-size:16px;font-weight:600}section,#generated{border:1px solid #dfe4e9;background:white;border-radius:8px;padding:24px;margin:18px 0}#login{max-width:420px}form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}form h2{width:100%;margin:0}#login form{display:grid}label{display:grid;gap:8px}input{padding:10px;border:1px solid #cfd7df;border-radius:4px;min-width:160px}input[type=checkbox]{min-width:0}button{padding:10px 14px;border:1px solid #cfd7df;border-radius:4px;background:#f8fafc;color:#35465b;cursor:pointer;white-space:nowrap}button:hover{background:#e9eff5}button:disabled{opacity:.5;cursor:wait}.check{display:flex;align-items:center;padding:10px 0}.toolbar{justify-content:space-between;margin-top:22px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:14px 10px;border-bottom:1px solid #e7ebef;text-align:left;vertical-align:top}td code{word-break:break-all;font-size:11px;color:#84909d}td button{font-size:12px;padding:6px 8px;margin:0 6px 6px 0}.label{display:block;margin-bottom:5px}#message{min-height:20px;color:#8e6442}#new-code{display:block;overflow-wrap:anywhere;padding:12px 0;color:#335565}[hidden]{display:none!important}@media(max-width:700px){main{margin:12px auto;padding:0 12px}section{padding:16px}form{align-items:stretch;flex-direction:column}label,input{width:100%}}