/* Tool-specific styles */
.dz-text{padding:0 12px;text-align:center}

/* Hide ×4 option by default on small screens */
@media (max-width: 768px){
  .scale-4{display:none}
}

/* Range styling (subtle) */
input[type="range"]{width:200px}

/* Panel spacing */
.panels{margin-top:12px}

/* Edge-safe padding for tool page only (avoid global impact) */
.page-tool .edge-safe{padding-left:14px;padding-right:14px}
@media (min-width: 480px){ .page-tool .edge-safe{padding-left:16px;padding-right:16px} }
@media (min-width: 768px){ .page-tool .edge-safe{padding-left:20px;padding-right:20px} }
@media (min-width: 1024px){ .page-tool .edge-safe{padding-left:24px;padding-right:24px} }

/* Container width: revert to previously stable values for side rails */
/* Side-rail friendly margins: ensure >= ~128px per side at 1280px */
@media (min-width: 1280px) and (max-width: 1439px){
  .page-tool .container{ max-width:1024px; }
}
@media (min-width: 1440px){
  .page-tool .container{ max-width:1120px; }
}

/* Dropzone interactions */
.uploader .dropzone{transition:border-color .12s ease, background-color .12s ease, box-shadow .12s ease}
.uploader .dropzone:hover{border-color: var(--accent)}
.uploader .dropzone.drag{border-color: var(--accent); background: rgba(30,64,175,.05); box-shadow: 0 0 0 3px rgba(30,64,175,.08) inset}
.uploader .help{font-size:13px;color:#4b5563}