*{box-sizing:border-box}body{margin:0;background:#fafbfc;color:#18181b;font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}header{height:72px;display:flex;align-items:center;gap:18px;padding:0 5vw;border-bottom:1px solid #e4e4e7;background:white}.brand{font-size:21px;font-weight:650;text-decoration:none;color:inherit}.brand b{color:#4f46e5}.environment{font-size:12px;border:1px solid #d4d4d8;padding:2px 9px;border-radius:4px;color:#52525b}.account{margin-left:auto;display:flex;gap:16px;align-items:center}main{max-width:1280px;margin:auto;padding:46px 32px 30px}h1{font-size:30px;letter-spacing:-.025em;line-height:1.35;margin:0 0 10px}h2{font-size:20px;margin:0 0 6px}p{color:#52525b;max-width:72ch}.intro{margin-bottom:34px}#key-panel{max-width:420px;border-top:1px solid #d4d4d8;padding-top:24px}form{display:grid;gap:18px}label{display:grid;gap:6px;font-weight:550}input{font:inherit;padding:10px 12px;background:white;border:1px solid #a1a1aa;border-radius:6px;min-width:0}button,.file-button,.download{display:inline-flex;align-items:center;justify-content:center;font:inherit;padding:9px 18px;border:1px solid #d4d4d8;background:white;color:#18181b;border-radius:6px;cursor:pointer;text-decoration:none;transition:background .16s}button:hover,.file-button:hover{background:#f0f0f4}.primary{background:#4f46e5;color:white;border-color:#4f46e5}.primary:hover{background:#4338ca}.primary:disabled{background:#e4e4e7;color:#52525b;border-color:#d4d4d8;cursor:not-allowed}:focus-visible{outline:3px solid #818cf8;outline-offset:3px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}#filename{font-size:13px;color:#52525b;overflow-wrap:anywhere}.previews{display:grid;grid-template-columns:1fr 1fr;gap:24px}figure{margin:0;min-width:0}figcaption{padding:8px 0;font-weight:600}.canvas{height:440px;border:1px solid #e4e4e7;background:white;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}.canvas img{max-height:100%;max-width:100%;object-fit:contain}.canvas span{background:#fff;padding:8px 14px;color:#52525b;font-size:14px}.checker{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.note,footer{font-size:13px}#status{min-height:28px;font-weight:550;color:#3f3f46}#status.error{color:#b91c1c}footer{border-top:1px solid #e4e4e7;margin-top:28px;padding-top:20px;color:#52525b}summary{cursor:pointer}code{overflow-wrap:anywhere}a{color:#4338ca}[hidden]{display:none!important}@media(max-width:720px){header{padding:0 20px}.account{font-size:12px;gap:8px}main{padding:30px 20px}h1{font-size:24px}.previews{grid-template-columns:1fr;gap:18px}.canvas{height:330px}.toolbar{gap:8px}.toolbar button,.file-button{padding:9px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}