/* Advanced panel polish styles (non-destructive) */
.advanced-extra-controls { 
  gap: 10px; 
  align-items: center;
  justify-content: center;
}
.advanced-extra-controls select {
  background: linear-gradient(90deg, rgba(124,58,237,0.12), rgba(167,139,250,0.06));
  color: var(--text-color);
  border: 1px solid rgba(167,139,250,0.16);
  padding: 8px 10px;
  border-radius: 8px;
  min-width: 160px;
  font-weight:600;
  transition: transform 160ms ease, box-shadow 160ms ease;
}
.advanced-extra-controls select:focus { outline: none; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(124,58,237,0.12); }

.advanced-extra-controls .fancy-btn, .advanced-extra-controls button {
  padding: 8px 10px; 
  border-radius: 8px; 
  border: none; 
  cursor: pointer; 
  font-weight: 700;
  transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}
.advanced-extra-controls .fancy-btn { box-shadow: 0 8px 22px rgba(124,58,237,0.16); }
.advanced-extra-controls button:hover { transform: translateY(-3px); }
.advanced-extra-controls button:active { transform: translateY(-1px) scale(0.99); }

/* Make icon-like buttons compact */
.advanced-extra-controls button[title] { min-width: 44px; min-height: 40px; padding: 6px 8px; display:inline-flex;align-items:center;justify-content:center; }

/* Toast polish */
.script-toast { 
  background: linear-gradient(90deg, rgba(17,24,39,0.9), rgba(34, 26, 58, 0.9));
  color: #fff; 
  padding: 10px 16px; 
  border-radius: 10px; 
  box-shadow: 0 8px 30px rgba(0,0,0,0.6);
  transition: opacity 300ms ease, transform 300ms ease;
}

/* Preview image subtle frame */
.preview-container img { 
  border-radius: 10px; 
  border: 1px solid rgba(167,139,250,0.08);
  box-shadow: 0 6px 26px rgba(17, 24, 39, 0.6); 
  transition: transform 220ms ease, box-shadow 220ms ease;
}
.preview-container img:hover { transform: translateY(-6px) scale(1.01); box-shadow: 0 18px 40px rgba(17,24,39,0.7); }

/* Compare overlay styles */
.compare-overlay { background: rgba(0,0,0,0.02); }
.compare-overlay img { display:block; max-width:100%; max-height:100%; }


/* Responsive tweaks */
@media (max-width: 720px) {
  .advanced-extra-controls { flex-direction: column; gap: 8px; padding: 6px 0; }
  .advanced-extra-controls select { width: 100%; min-width: unset; }
}