.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cabecalho{padding-top:var(--space-6);padding-bottom:var(--space-6)}.cabecalho h1{margin:0 0 var(--space-2);font-size:var(--text-headline);font-weight:800}.subtitulo{margin:0;color:var(--text-secondary)}.workspace{display:grid}.zona{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);border:2px dashed var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-canvas);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease}.zona:hover,.zona.arrastando{border-color:var(--accent-purple);background:var(--accent-purple-soft)}.zona-arte{width:140px;height:auto;margin-bottom:var(--space-2)}.zona-titulo{font-size:var(--text-title);font-weight:700}.zona-acao{color:var(--text-secondary)}.zona-acao u{color:var(--accent-purple)}.zona-dica{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-caption)}.zona-carregando,#app[data-estado=LOADING] .zona-pronto{display:none}#app[data-estado=LOADING] .zona-carregando{display:block}#app[data-estado=LOADING] .zona{pointer-events:none;opacity:.75}#processando,.resultado,#erro{display:none}#app[data-estado=PROCESSING] #processando{display:flex}#app[data-estado=DONE] .resultado{display:grid}#app[data-estado=ERRO] #erro{display:flex}#app[data-estado=PROCESSING] .zona,#app[data-estado=DONE] .zona,#app[data-estado=ERRO] .zona{display:none}#processando{flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0;text-align:center}#processando .ilustracao{width:120px;height:auto}.processando-titulo{margin:0;font-weight:700}.il-engrenagem{transform-origin:60px 40px;animation:girar 1.4s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.il-engrenagem{animation:none}}.resultado{grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-items:start}@media(min-width:1024px){.resultado{grid-template-columns:repeat(12,1fr);gap:var(--space-6)}.coluna-previa{grid-column:1 / span 5;position:sticky;top:var(--space-4)}.coluna-dados{grid-column:6 / span 7;display:grid;gap:var(--space-4)}}.coluna-dados{display:grid;gap:var(--space-4)}.previa-moldura{margin:0 0 var(--space-3);border-radius:var(--radius-lg);background:repeating-conic-gradient(var(--bg-elevated) 0% 25%,transparent 0% 50%) 50% / 24px 24px;text-align:center;overflow:hidden;box-shadow:var(--shadow-card)}#previa{max-width:100%;max-height:420px;object-fit:contain;vertical-align:middle}.arquivo-info{display:grid;gap:2px}.arquivo-nome{font-weight:700;word-break:break-word}.arquivo-meta{color:var(--text-secondary);font-size:var(--text-label)}.cartao{min-width:0;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-card)}.cartao-titulo{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-label);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.paleta{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-3)}.swatch{display:flex;flex-direction:column;gap:var(--space-2);padding:0;border:0;background:none;cursor:pointer;text-align:left}.swatch-cor{display:block;width:100%;aspect-ratio:1;border-radius:var(--radius-md);background:var(--cor);box-shadow:inset 0 0 0 1px #0000001a;transition:transform var(--duration-fast) ease}.swatch:hover .swatch-cor{transform:scale(1.04)}.swatch-info{display:flex;justify-content:space-between;gap:var(--space-2)}.swatch-hex{font-size:var(--text-caption);font-weight:700}.swatch-pct{color:var(--text-secondary);font-size:var(--text-caption)}.campo-dica{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:var(--text-caption)}.exportar-paleta{margin-top:var(--space-5)}.chips-formato{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.chip-formato{padding:var(--space-1) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-canvas);color:var(--text-primary);font-size:var(--text-caption);font-weight:600;cursor:pointer}.chip-formato[aria-pressed=true]{background:var(--accent-purple);border-color:var(--accent-purple);color:var(--on-accent, #fff)}.paleta-exportada{margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-canvas);color:var(--text-primary);font-size:var(--text-caption);line-height:1.6;white-space:pre;overflow-x:auto}.contraste-detalhe{margin-top:var(--space-4)}.contraste-detalhe summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:var(--space-2) 0;font-size:var(--text-label);font-weight:600;color:var(--text-secondary);list-style:none;cursor:pointer}.contraste-detalhe summary::-webkit-details-marker{display:none}.contraste-detalhe summary:after{content:"+";color:var(--accent-purple);font-size:1.1rem}.contraste-detalhe[open] summary:after{content:"–"}.contraste-lista{display:grid;gap:var(--space-2);margin:var(--space-2) 0 0}.contraste-lista>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--text-caption)}.contraste-lista dt{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono)}.contraste-amostra{width:18px;height:18px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #00000026}.contraste-lista dd{display:flex;gap:var(--space-2);margin:0}.selo-wcag{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--bg-elevated);white-space:nowrap}.selo-wcag[data-nivel=AAA]{color:var(--success)}.selo-wcag[data-nivel=AA]{color:var(--accent-blue)}.selo-wcag[data-nivel="AA grande"]{color:var(--warning)}.selo-wcag[data-nivel=Reprovado]{color:var(--danger)}#ocr-cartao .botao-primario{width:100%}.ocr-progresso{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.ocr-barra{height:8px;border-radius:var(--radius-pill);background:var(--bg-elevated);overflow:hidden}.ocr-barra span{display:block;height:100%;width:0%;background:var(--accent-purple);transition:width var(--duration-fast) ease}.ocr-status{color:var(--text-secondary);font-size:var(--text-caption)}.ocr-resultado{margin-top:var(--space-4);display:grid;gap:var(--space-3)}.ocr-textarea{width:100%;min-height:140px;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-canvas);color:var(--text-primary);font-size:var(--text-label);line-height:1.5;resize:vertical}.ocr-textarea:focus-visible{outline:3px solid var(--accent-purple);outline-offset:2px}.ocr-vazio,.ocr-erro{margin:var(--space-4) 0 0;font-size:var(--text-label)}.ocr-vazio{color:var(--text-secondary)}.ocr-erro{color:var(--danger);font-weight:600}.ocr-vazio[hidden],.ocr-erro[hidden],.ocr-progresso[hidden],.ocr-resultado[hidden]{display:none}.exif-lista{display:grid;gap:var(--space-2);margin:0}.exif-lista>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.exif-lista dt{color:var(--text-secondary);font-size:var(--text-label)}.exif-lista dd{margin:0;font-weight:700;text-align:right}.sem-exif{margin:0;color:var(--text-secondary);font-size:var(--text-label)}.sem-exif[hidden]{display:none}.gps-aviso{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--accent-purple-soft);color:var(--text-primary);font-size:var(--text-label);line-height:1.5}.gps-aviso[hidden]{display:none}.gps-aviso a{color:var(--accent-purple);font-weight:600}.acoes{display:flex;flex-wrap:wrap;gap:var(--space-3)}.acoes .botao-primario{flex:1;min-width:160px;justify-content:center}.aviso-copia{display:block;color:var(--success);font-size:var(--text-label);font-weight:600}.alerta-erro{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger)}.alerta-erro svg{width:28px;height:28px}.alerta-erro p{margin:0;font-weight:600}.secao{padding-top:var(--space-8)}.secao h2{margin:0 0 var(--space-4);font-size:var(--text-headline)}.passos{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none;counter-reset:passo}.passo{display:flex;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-card);counter-increment:passo}.passo:before{content:counter(passo);display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--accent-purple-soft);color:var(--accent-purple);font-family:var(--font-mono);font-weight:700}.passo h3{margin:0 0 var(--space-1);font-size:var(--text-body)}.passo p{margin:0;color:var(--text-secondary);font-size:var(--text-label)}.faq{display:grid;gap:var(--space-2);max-width:48rem}.faq details{border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-card)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding:var(--space-3) var(--space-4);font-weight:600;list-style:none;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent-purple);font-size:1.25rem}.faq details[open] summary:after{content:"–"}.faq details p{margin:0;padding:0 var(--space-4) var(--space-4);color:var(--text-secondary)}@media(min-width:768px){.passos{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.cartao{padding:var(--space-4)}.exif-lista dd{text-align:left}}