:root {
--sanitizador-shadow-sm:0 2px 8px rgba(0,166,81,0.1);
--sanitizador-shadow-md:0 4px 16px rgba(0,166,81,0.15);
--sanitizador-shadow-lg:0 8px 24px rgba(0,166,81,0.2);
--sanitizador-button-shadow:0 4px 12px rgba(0,166,81,0.3);
--sanitizador-button-hover-shadow:0 6px 20px rgba(0,166,81,0.4);
--sanitizador-progress-bg:rgba(0,166,81,0.1);
}
[data-theme="dark"] {
--sanitizador-shadow-sm:0 2px 8px rgba(0,166,81,0.2);
--sanitizador-shadow-md:0 4px 16px rgba(0,166,81,0.25);
--sanitizador-shadow-lg:0 8px 24px rgba(0,166,81,0.3);
--sanitizador-button-shadow:0 4px 12px rgba(0,166,81,0.4);
--sanitizador-button-hover-shadow:0 6px 20px rgba(0,166,81,0.5);
--sanitizador-progress-bg:rgba(0,166,81,0.15);
}
/* Container principal */
.sanitizador-img-wrapper {display:grid;gap:var(--spacing-lg);max-width:var(--container-max-width);margin:0 auto;}
.sanitizador-img-grid {display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);}
@media (min-width:960px) {
.sanitizador-img-grid {grid-template-columns:2fr 1fr;align-items:start;}
}
.sanitizador-img-panel {background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--box-shadow-sm);transition:all var(--transition-normal);}
.sanitizador-img-panel h2 {font-size:1.15rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-sm);}
.sanitizador-img-panel h2 svg {color:var(--primary-green);flex-shrink:0;}
.sanitizador-img-row {display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;}
.sanitizador-img-col {display:grid;gap:var(--spacing-sm);}
.sanitizador-img-actions {display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;margin-top:var(--spacing-md);}
.sanitizador-img-list {display:grid;gap:var(--spacing-md);max-height:520px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);background:var(--off-white);}
[data-theme="dark"] .sanitizador-img-list {background:rgba(255,255,255,0.03);}
.sanitizador-img-item {display:grid;grid-template-columns:90px 1fr auto;gap:var(--spacing-md);align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);background:var(--color-bg-card);transition:all var(--transition-fast);position:relative;}
.sanitizador-img-item:hover {border-color:var(--primary-green);box-shadow:var(--sanitizador-shadow-sm);transform:translateY(-2px);}
.sanitizador-img-item-error {border-color:#dc3545;background-color:rgba(220,53,69,0.05);}
.sanitizador-img-item-error:hover {border-color:#dc3545;box-shadow:0 4px 16px rgba(220,53,69,0.2);}
.sanitizador-img-thumb {width:90px;height:90px;object-fit:cover;border:2px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--white);transition:all var(--transition-fast);}
[data-theme="dark"] .sanitizador-img-thumb {background:var(--color-bg-card);}
.sanitizador-img-thumb:hover {transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.sanitizador-img-prog {width:100%;height:10px;background:var(--sanitizador-progress-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);overflow:hidden;margin-top:var(--spacing-xs);}
.sanitizador-img-prog>div {height:100%;width:0%;background:linear-gradient(90deg,var(--primary-green),var(--light-green));transition:width var(--transition-normal);border-radius:var(--border-radius-sm);}
.sanitizador-img-meta {font-size:0.9rem;line-height:1.6;color:var(--color-text);}
.sanitizador-img-meta div {margin-bottom:var(--spacing-xs);}
.sanitizador-img-meta div:last-child {margin-bottom:0;}
.sanitizador-img-meta strong {display:inline;color:var(--color-text);margin-right:var(--spacing-xs);}
.sanitizador-img-meta em {color:var(--color-text-secondary);font-style:italic;}
.sanitizador-img-meta code {font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;background:var(--off-white);padding:2px 6px;border-radius:4px;font-size:0.85rem;color:var(--primary-blue);}
[data-theme="dark"] .sanitizador-img-meta code {background:rgba(255,255,255,0.05);}
.sanitizador-img-footer {display:flex;gap:var(--spacing-md);justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);}
.sanitizador-img-small {font-size:0.85rem;color:var(--color-text-secondary);}
.sanitizador-img-opt {display:grid;gap:var(--spacing-md);}
.sanitizador-img-opt label {display:flex;gap:var(--spacing-sm);align-items:center;font-size:0.95rem;color:var(--color-text);cursor:pointer;}
.sanitizador-img-banner {border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--off-white);font-size:0.9rem;color:var(--color-text-secondary);display:none;}
[data-theme="dark"] .sanitizador-img-banner {background:rgba(255,255,255,0.05);}
.sanitizador-img-item-actions {display:flex;flex-direction:row;gap:var(--spacing-sm);}
.sanitizador-img-item-actions .tool-btn {padding:var(--spacing-xs) var(--spacing-sm);font-size:0.85rem;flex:1;min-width:0;}
.sanitizador-img-remove-btn {position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;border-radius:50%;background:rgba(220,53,69,0.1);color:#dc3545;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);opacity:0.7;z-index:10;}
.sanitizador-img-remove-btn:hover {background:#dc3545;color:white;opacity:1;transform:scale(1.1);} 
.sanitizador-img-remove-btn svg {width:14px;height:14px;}
.sanitizador-img-remove-btn:focus-visible {outline:2px solid #dc3545; outline-offset:2px; box-shadow:0 0 0 3px rgba(220,53,69,0.25);} 
@media (max-width:960px) {
.sanitizador-img-grid {grid-template-columns:1fr;}
}
@media (max-width:768px) {
.sanitizador-img-item {grid-template-columns:1fr;gap:var(--spacing-sm);}
.sanitizador-img-thumb {width:100%;height:180px;max-width:280px;margin:0 auto;}
.sanitizador-img-item-actions {flex-direction:row;width:100%;}
.sanitizador-img-item-actions .tool-btn {flex:1;}
.sanitizador-img-actions {flex-direction:column;}
.sanitizador-img-actions .tool-btn {width:100%;justify-content:center;}
.sanitizador-img-footer {flex-direction:column;text-align:center;}
}
@media (max-width:576px) {
.sanitizador-img-wrapper {gap:var(--spacing-md);}
.sanitizador-img-panel {padding:var(--spacing-md);}
.sanitizador-img-list {max-height:400px;padding:var(--spacing-sm);}
}
.sanitizador-img-processing-controls {background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg);box-shadow:var(--sanitizador-shadow-sm);display:none;}
.sanitizador-img-processing-controls .processing-status {text-align:center;margin-bottom:var(--spacing-md);}
.sanitizador-img-processing-controls .processing-status span {font-size:1.1rem;font-weight:600;color:var(--color-text);}
.sanitizador-img-processing-controls .processing-buttons {display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;}
.sanitizador-img-processing-controls .processing-buttons .tool-btn {min-width:120px;}
@media (max-width:576px) {
.sanitizador-img-processing-controls .processing-buttons {flex-direction:column;}
.sanitizador-img-processing-controls .processing-buttons .tool-btn {width:100%;}
}

/* Destaque da área de upload durante dragover */
.tool-upload-container.dragover { 
  border-color: var(--primary-green) !important;
  background: rgba(0,166,81,0.06);
  box-shadow: 0 6px 20px rgba(0,166,81,0.15);
  transform: translateY(-2px);
}