:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,sans-serif;color:#111827;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:16px}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #e5e7eb;padding:25px max(28px,calc((100vw - 1160px)/2))}.brand{font-size:23px;font-weight:750;text-decoration:none;color:inherit;letter-spacing:-.6px}main{max-width:1216px;margin:auto;padding:54px 28px 48px}h1{font-size:36px;letter-spacing:-1px;margin:0 0 42px;font-weight:700;line-height:1.25}.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:36px}.field-header,.field-footer,#result-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.field-header{margin-bottom:16px}label{font-size:20px;font-weight:600}button,textarea{font:inherit}button{cursor:pointer;min-height:44px;border-radius:8px;font-weight:600;padding:11px 20px;transition:background .12s}button:disabled{opacity:.5;cursor:wait}.secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.secondary:hover{background:#f8fafc}.primary{background:#2563eb;color:#fff;border:1px solid #2563eb;padding:14px 24px;font-size:17px}.primary:hover{background:#1d4ed8}.text-button{border:0;background:transparent;color:#2563eb;padding:8px}.text-button:hover{background:#eff6ff}textarea{resize:vertical;width:100%;min-height:344px;max-height:60vh;border:1px solid #cbd1da;border-radius:8px;padding:22px;font-size:24px;line-height:1.8;display:block;color:#111827;background:#fff}textarea::placeholder{color:#a0a7b2}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.field-footer{margin:10px 0 16px;min-height:40px}output{font-variant-numeric:tabular-nums;font-weight:600}.notice{font-size:13px;line-height:1.65;color:#6b7280;margin:0 0 18px;max-width:46em}.actions{display:flex}.result{border-left:1px solid #e5e7eb;padding-left:36px;padding-top:0}.qr-frame{width:100%;aspect-ratio:1;border:1px solid #e1e5eb;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.qr-frame canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}#empty{color:#9ca3af;font-size:16px}#result-actions{margin-top:16px;min-height:44px}#result-meta{font-size:15px;line-height:1.6;color:#374151;white-space:pre-line}#download{color:#2563eb;border-color:#2563eb;white-space:nowrap}.scan-hint{border-top:1px solid #e5e7eb;margin:22px 0 0;padding-top:16px;font-size:14px;line-height:1.6;color:#6b7280}#error{color:#b91c1c;font-size:14px;line-height:1.65;margin-top:18px}[hidden]{display:none!important}@media(max-width:720px){header{padding:20px 22px}.brand{font-size:21px}main{padding:34px 22px 40px}h1{font-size:29px;margin-bottom:28px}.workspace{grid-template-columns:1fr;gap:32px}.result{border-left:0;border-top:1px solid #e5e7eb;padding:28px 0 0;max-width:420px;width:100%;justify-self:center}textarea{min-height:248px;font-size:21px;padding:16px}.primary{width:100%}.secondary{padding:10px 15px}label{font-size:18px}.notice{font-size:12px}.scan-hint{text-align:center}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}