*{box-sizing:border-box;margin:0;padding:0}html,body{color:#111;background:#f3f4f6;min-height:100vh;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}.page{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:40px 20px 60px;display:flex;position:relative}.close-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:6px;padding:10px 32px;font-size:15px;font-weight:600;transition:background .15s}.close-btn:hover{background:#1d4ed8}.status{z-index:100;color:#6b7280;font-size:13px;position:fixed;top:16px;left:16px}.card{background:#fff;border-radius:12px;flex-direction:column;gap:0;width:100%;max-width:960px;padding:32px 40px;display:flex;box-shadow:0 2px 12px #0000001a}.section{flex-direction:column;align-items:center;gap:8px;padding:20px 0;display:flex}.divider{background:#e5e7eb;width:100%;height:1px}.label-text{text-transform:uppercase;letter-spacing:1px;color:#9ca3af;font-size:11px;font-weight:700}.value{color:#111827;text-align:center;word-break:break-all;font-size:28px;font-weight:800}.header-row{flex-direction:row!important;align-items:flex-start!important;gap:0!important}.header-col{flex-direction:column;flex:1 1 0;align-items:center;gap:8px;padding:0 16px;display:flex}.header-col-divider{background:#e5e7eb;flex-shrink:0;align-self:stretch;width:1px}.value.screen-key{color:#1d4ed8;font-family:Menlo,Consolas,monospace;font-size:22px}.screen-key-row{justify-content:center;align-items:center;gap:10px;display:flex}.copy-btn{color:#2563eb;cursor:pointer;background:0 0;border:1.5px solid #2563eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:background .15s,color .15s;display:flex}.copy-btn:hover{background:#eff6ff}.copy-btn.copied{color:#16a34a;border-color:#16a34a}.qr-row-section{padding:32px 0;overflow-x:auto;flex-direction:row!important;align-items:flex-start!important;gap:0!important}.qr-col{flex-direction:column;flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex}.qr-col svg{max-width:100%;height:auto}.qr-col-divider{background:#e5e7eb;flex-shrink:0;align-self:stretch;width:1px;margin:0 20px}.qr-wrap{justify-content:center;align-items:center;width:100%;padding:4px;display:flex}.barcode-wrap{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.barcode-wrap svg{max-width:100%;height:auto}.barcode-value{color:#374151;letter-spacing:1px;font-family:Menlo,Consolas,monospace;font-size:13px}.qr-value-text{text-transform:uppercase;letter-spacing:1px;color:#9ca3af;text-align:center;word-break:break-all;padding:0 4px;font-size:11px;font-weight:700}.placeholder-box{color:#d1d5db;font-size:24px}@media print{.close-btn,.status{display:none!important}}