/* Image tools shared styles (used by 2+ image tools) */
.controls{display:grid;grid-template-columns:1fr;gap:16px;padding:20px;background:var(--bg);border-radius:var(--radius);border:1.5px solid var(--border)}@media(min-width:600px){.controls{grid-template-columns:repeat(3,1fr);align-items:end}}input[type="range"]{width:100%;height:8px;background:var(--border);border-radius:5px;outline:none;-webkit-appearance:none;margin:10px 0}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer}.preview-box{background:#222;border-radius:var(--radius);border:1.5px solid var(--border);min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.preview-box canvas{image-rendering:pixelated}.controls-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:20px;background:var(--bg);border-radius:var(--radius);border:1.5px solid var(--border)}@media(min-width:768px){.controls-grid{grid-template-columns:1fr 1fr}}.slider-group{display:flex;flex-direction:column;gap:8px}.slider-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700}.slider-label span{color:var(--primary)}.hint-text{font-size:.8rem;color:var(--subtext);margin-top:8px;text-align:center}