:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark;line-height:1.4;--bg: #0f1216;--surface: #1a1f24;--surface-2: #232a31;--border: #2a3038;--accent: #c6db05;--accent-2: #9bb003;--accent-soft: rgba(198, 219, 5, .12);--text: #ebebeb;--muted: #a0a8b0;--warning: #ffb74d;--warning-soft: rgba(255, 183, 77, .1);--error: #ef5350;--error-soft: rgba(239, 83, 80, .12);--radius: 10px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text)}body{margin:0;padding:1rem}main{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.app-header{display:flex;align-items:center;gap:.75rem}.app-header img{width:36px;height:36px;border-radius:8px}h1{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.camera{display:flex;flex-direction:column;gap:.75rem}.preview img{width:100%;height:auto;border-radius:var(--radius);background:#000;aspect-ratio:4 / 3;object-fit:contain;border:1px solid var(--border)}.actions{display:flex;flex-direction:column;gap:.5rem}button{padding:.9rem 1.25rem;font-size:1rem;font-weight:600;border-radius:var(--radius);border:none;background:var(--accent);color:#0f1216;cursor:pointer;touch-action:manipulation;transition:transform .05s,background .15s}button:hover{background:var(--accent-2)}button:active{transform:translateY(1px)}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}button.secondary:hover{background:var(--accent-soft);color:var(--accent)}.preview{display:flex;flex-direction:column;gap:.75rem}.fields{display:flex;flex-direction:column;gap:.6rem;margin:0}.field{display:flex;flex-direction:column;gap:.25rem}.field>span{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.field input{padding:.7rem .85rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-family:inherit;transition:border .15s,box-shadow .15s}.field input::placeholder{color:var(--muted);opacity:.5}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field.missing input{border-color:#ffb74d73;background:var(--warning-soft)}.field.missing>span:after{content:" · vacío";color:var(--warning);opacity:.8}.copy-actions{display:flex;gap:.5rem}.copy-actions button{flex:1}details>summary{padding:.5rem 0;font-size:.85rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}details[open]>summary{color:var(--text)}.details{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.result{margin:0;padding:.75rem .9rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.result strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.result code{font-size:1.05rem;font-weight:600;color:var(--text);word-break:break-all}.result pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.85rem;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5}.result small{color:var(--muted)}.result.found{border-color:#c6db0559;background:var(--accent-soft)}.result.found strong{color:var(--accent)}.result.unsupported{border-color:#ffb74d59;background:var(--warning-soft)}.result.unsupported strong{color:var(--warning)}.result.pending{border-color:#c6db0559;background:var(--accent-soft);flex-direction:row;align-items:center;gap:.6rem;color:var(--accent)}.spinner{width:1.1rem;height:1.1rem;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.banner{padding:.75rem .9rem;border-radius:8px;border:1px solid var(--accent);background:var(--accent-soft);display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem}.banner button{padding:.4rem .85rem;font-size:.85rem}