:root{--bg: #f4f1ea;--ink: #2b2b33;--muted: #7a7a85;--accent: #3ba55c;--accent-dark: #2d7d46;--card: #ffffff;--border: #2b2b33}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;image-rendering:pixelated}.app{max-width:560px;margin:0 auto;padding:32px 16px 48px}header{text-align:center;margin-bottom:28px}.logo{font-family:Courier New,monospace;font-weight:700;font-size:2rem;letter-spacing:2px;color:var(--accent-dark)}.headline{font-size:1.15rem;font-weight:600;margin-top:8px}.subheadline{color:var(--muted);font-size:.95rem}.nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.nav a{font-family:Courier New,monospace;font-weight:700;font-size:.85rem;text-decoration:none;color:var(--ink);background:#fff;border:2px solid var(--border);padding:8px 12px;box-shadow:2px 2px 0 var(--border)}.nav a.active{background:var(--accent);color:#fff}.tool-desc{color:var(--muted);font-size:.9rem;margin-bottom:14px}.item-list{list-style:none;margin:16px 0 8px;text-align:left}.item-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed #ccc;flex-wrap:wrap}.item-name{font-size:.85rem;word-break:break-all}.item-meta{font-size:.8rem;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.format-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:.85rem;margin-bottom:14px}.card{background:var(--card);border:2px solid var(--border);box-shadow:4px 4px 0 var(--border);padding:20px;margin-bottom:20px;text-align:center}.card h2{font-size:1rem;font-family:Courier New,monospace;letter-spacing:1px;margin-bottom:12px}.btn{display:inline-block;font-family:Courier New,monospace;font-weight:700;font-size:1rem;letter-spacing:1px;padding:12px 20px;background:#fff;color:var(--ink);border:2px solid var(--border);box-shadow:3px 3px 0 var(--border);cursor:pointer;text-decoration:none;transition:transform .05s}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-small{font-size:.8rem;padding:7px 12px;box-shadow:2px 2px 0 var(--border)}.file-name{font-weight:600;word-break:break-all}.file-meta{color:var(--muted);font-size:.9rem;margin:4px 0 12px}.warning{margin-top:12px;font-size:.85rem;color:#a05a00;background:#fdf3e0;border:2px dashed #d99b2b;padding:8px 12px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.mode{display:flex;flex-direction:column;gap:4px;padding:10px 6px;background:#fff;border:2px solid var(--border);cursor:pointer;font-family:inherit}.mode-active{background:var(--accent);color:#fff;box-shadow:3px 3px 0 var(--border)}.mode:disabled{opacity:.5;cursor:not-allowed}.mode-label{font-weight:700;font-size:.85rem}.mode-desc{font-size:.72rem;opacity:.85}.progress{position:relative;margin-top:16px;height:26px;border:2px solid var(--border);background:#eee}.progress-bar{height:100%;background:var(--accent);background-image:repeating-linear-gradient(90deg,var(--accent) 0 8px,var(--accent-dark) 8px 16px);transition:width .2s}.progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;font-weight:700;font-size:.8rem}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.result-grid>div{display:flex;flex-direction:column}.result-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.result-value{font-family:Courier New,monospace;font-weight:700;font-size:1.1rem}.card-pix p{font-size:.9rem;margin-bottom:12px}.pix-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:16px}.pix-key{background:#f0efe9;border:2px dashed var(--muted);padding:7px 10px;font-size:.8rem;word-break:break-all}.pix-qr{width:140px;height:140px;border:2px solid var(--border);object-fit:contain}.pix-qr-placeholder{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-family:Courier New,monospace;font-size:.8rem;background:#f0efe9}.pix-qr-placeholder small{font-size:.65rem}.seo-text{text-align:left}.seo-text h2{text-align:center}.seo-text h3{font-size:.9rem;margin:14px 0 4px}.seo-text p{font-size:.9rem;color:#4a4a52}footer{text-align:center;color:var(--muted);font-size:.85rem;margin-top:8px}@media (max-width: 480px){.modes,.result-grid{grid-template-columns:1fr}}