.image-tools { max-width: 700px; margin: 24px auto; padding: 28px; scroll-margin-top: 20px; }
.image-tools h2 { margin: 0 0 12px; font-size: 22px; }
.image-tools p { color: #6d768d; font-size: 13px; line-height: 1.8; }
.tool-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 18px 0; }
.tool-tabs button { padding: 12px 8px; border: 1px solid #dfe3f0; border-radius: 9px; background: #fff; color: #4752b3; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.5; cursor: pointer; }
.tool-tabs button[aria-pressed="true"] { background: #ebedff; border-color: #5964de; }
.tool-settings { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 20px 0; }
.tool-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; color: #1b2440; font-size: 13px; font-weight: 600; }
.tool-field input:not([type="range"]), .tool-field select { width: 100%; min-height: 44px; padding: 10px; border: 1px solid #cfd3e8; border-radius: 8px; background: #fff; color: #1b2440; font: inherit; }
.tool-field input[type="range"] { width: 100%; accent-color: #5964de; }
.tool-field-wide { grid-column: 1 / -1; }
.crop-settings { padding: 18px; border: 1px solid #e9ebf2; border-radius: 12px; }
.crop-settings canvas { display: block; width: 100%; max-height: 360px; object-fit: contain; background: #f7f8fc; border-radius: 8px; margin: 12px 0; }
.image-tools input[type="file"] { display: block; width: 100%; padding: 12px; border: 2px dashed #cfd3e8; border-radius: 10px; background: #fafaff; color: #4752b3; font: inherit; }
.image-tools input::file-selector-button { padding: 8px 12px; border: 0; border-radius: 6px; background: #ebedff; color: #4752b3; font: inherit; cursor: pointer; }
.tool-notice { padding: 12px; background: #f3f4ff; border-radius: 8px; }
.image-tools .result-warning { color: #875400; }
.image-tools .result-success { color: #27704f; }
.image-tools .tool-start { min-width: 160px; }
.image-tools [aria-busy="true"] { opacity: .7; }
@media (max-width: 620px) {
  .image-tools { padding: 22px 16px; }
  .tool-settings { grid-template-columns: 1fr; }
}