.antes-depois{gap:var(--space-2);margin:var(--space-2) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.antes-depois-so{grid-template-columns:minmax(0,1fr)}.antes-depois figure{margin:0}.antes-depois canvas,.antes-depois img{object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:repeating-conic-gradient(#e3ecef 0% 25%,#fff 0% 50%) 50%/16px 16px;max-width:100%;height:auto;max-height:420px;display:block}.antes-depois figcaption{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-0-5)}.progresso-imagem{gap:var(--space-1);margin:var(--space-2) 0;display:grid}.progresso-imagem progress{width:100%;height:12px;accent-color:var(--color-primary)}.progresso-imagem .btn{justify-self:start}.acoes-download{gap:var(--space-1);margin-top:var(--space-2);display:grid}.acoes-download>.btn{justify-self:start}.lista-arquivos ul{gap:var(--space-0-5);margin:var(--space-1) 0 0;padding:0;list-style:none;display:grid}.lista-arquivos li .btn{text-align:left;overflow-wrap:anywhere;justify-content:flex-start;width:100%}.lista-arquivos summary,.mais-opcoes summary{min-height:var(--touch-min);cursor:pointer;color:var(--color-primary);align-items:center;font-weight:600;display:flex}.mais-opcoes{margin:var(--space-2) 0}.info-imagem{margin-top:var(--space-1)}[data-tool-form] .submit{width:100%;min-height:52px;font-size:var(--text-lg)}.result-headline{font-weight:700;font-size:var(--text-lg);margin:0 0 var(--space-1)}.palco-imagem{width:100%;margin:var(--space-1) 0;border-radius:var(--radius-sm);touch-action:none;user-select:none;background:repeating-conic-gradient(#e3ecef 0% 25%,#fff 0% 50%) 50%/16px 16px;position:relative;overflow:hidden}.palco-imagem canvas{width:100%;height:auto;display:block}.quadro-corte{box-sizing:border-box;outline:2px solid var(--color-primary);cursor:move;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #1421288c}.quadro-corte:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-style:dashed}.quadro-corte .alca{border:2px solid var(--color-primary);cursor:nwse-resize;background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-12px;right:-12px}.guia-rosto{pointer-events:none;border:2px dashed #ffffffe6;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000059}.guia-olhos{pointer-events:none;border-top:1px dashed #ffffffd9;position:absolute;left:15%;right:15%}@media print{.progresso-imagem,.acoes-download{display:none}}.folha-imprimir{gap:var(--space-1);margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--color-border);display:grid}.folha-imprimir select{min-height:var(--touch-min);padding:0 var(--space-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;max-width:100%}.folha-imprimir .btn{justify-self:start}.previas-favicon{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;align-items:flex-end;display:flex}.previas-favicon figure{text-align:center;margin:0}.previas-favicon canvas{image-rendering:pixelated;background:repeating-conic-gradient(#e3ecef 0% 25%,#fff 0% 50%) 50%/8px 8px;margin:0 auto;display:block}.previas-favicon figcaption{font-size:var(--text-sm);color:var(--color-text-muted)}.codigo-favicon{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-sm);background:var(--color-surface-muted);border-radius:var(--radius-sm);padding:var(--space-1)}.botoes-corte{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}html[data-host=imagens] .previa-texto canvas,html[data-host=imagens] .previa-cor canvas{max-width:100%;height:auto;margin:var(--space-2) 0 var(--space-1);border-radius:var(--radius-sm);touch-action:none;cursor:crosshair;background:repeating-conic-gradient(#e3ecef 0% 25%,#fff 0% 50%) 50%/16px 16px;display:block}html[data-host=imagens] .previa-texto canvas:focus-visible,html[data-host=imagens] .previa-cor canvas:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}html[data-host=imagens] .amostra-cor{min-height:96px;margin:var(--space-2) 0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-weight:700;font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}html[data-host=imagens] .lista-cores{gap:var(--space-1) var(--space-2);flex-wrap:wrap;padding:0;font-family:ui-monospace,monospace;list-style:none;display:flex}html[data-host=imagens] .lista-cores li{align-items:center;gap:6px;display:inline-flex}html[data-host=imagens] .mini-amostra{border:1px solid var(--color-border-strong);border-radius:4px;width:18px;height:18px;display:inline-block}html[data-host=imagens] .paleta-cores{gap:var(--space-1);padding:0;list-style:none;display:grid}html[data-host=imagens] .paleta-cores li{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}html[data-host=imagens] .amostra-paleta{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:112px;min-height:48px;font-family:ui-monospace,monospace;font-weight:700;display:inline-flex}html[data-host=imagens] .paleta-detalhe{font-size:var(--text-sm);color:var(--color-text-muted)}html[data-host=imagens] .copiar-inline{align-items:center;gap:6px;display:inline-flex}html[data-host=imagens] .tiras-carrossel{margin:var(--space-2) 0;gap:4px;display:flex;overflow-x:auto}html[data-host=imagens] .tiras-carrossel figure{text-align:center;flex:none;margin:0}html[data-host=imagens] .tiras-carrossel canvas{max-width:120px;height:auto;display:block}html[data-host=imagens] .tiras-carrossel figcaption{font-size:var(--text-sm);color:var(--color-text-muted)}html[data-host=imagens] .codigo-base64{width:100%;font-family:ui-monospace,monospace;font-size:var(--text-sm);overflow-wrap:anywhere;word-break:break-all}