.image-tool{max-width:860px;margin:2rem auto;padding:1.75rem;background:var(--gradient-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative}.image-tool:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--gradient-brand);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.image-tool__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;min-height:170px;padding:1.25rem;border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:#ffffffa6;cursor:pointer;text-align:center;transition:border-color var(--transition-fast),background var(--transition-fast)}.image-tool__dropzone:hover,.image-tool__dropzone.is-dragging{border-color:var(--color-accent);background:#3b82f60f}.image-tool__drop-title{margin:0;color:var(--color-primary);font-size:1rem;font-weight:700}.image-tool__drop-subtitle{margin:0;color:var(--color-secondary);font-size:.9rem}.image-tool__hidden-input{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.image-tool__btn,.image-tool__btn-secondary,.image-tool__download-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:var(--radius-md);font-size:.93rem;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.image-tool__btn{border:0;background:var(--gradient-brand);color:#fff;padding:.82rem 1.25rem;box-shadow:0 12px 22px -14px #3b82f6bf}.image-tool__btn-secondary{border:1px solid var(--color-border-strong);background:#fff;color:var(--color-primary);padding:.75rem 1.1rem}.image-tool__download-link{border:1px solid rgba(59,130,246,.35);background:#3b82f614;color:var(--color-accent-hover);padding:.45rem .65rem;font-size:.82rem}.image-tool__btn:hover,.image-tool__btn-secondary:hover,.image-tool__download-link:hover{transform:translateY(-1px)}.image-tool__btn:disabled,.image-tool__btn-secondary:disabled{opacity:.58;cursor:not-allowed;transform:none}.image-tool__controls{margin-top:1.25rem;display:grid;gap:1rem}.image-tool__controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.image-tool__field{display:flex;flex-direction:column;gap:.45rem}.image-tool__field--full{grid-column:1 / -1}.image-tool__label{font-size:.82rem;font-weight:700;color:var(--color-secondary)}.image-tool__hint{font-size:.8rem;color:var(--color-muted)}.image-tool__input,.image-tool__select,.image-tool__number,.image-tool__range{width:100%}.image-tool__input,.image-tool__select,.image-tool__number{padding:.7rem .85rem;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:#fff;color:var(--color-primary);font:inherit}.image-tool__input:focus,.image-tool__select:focus,.image-tool__number:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f626}.image-tool__range{accent-color:var(--color-accent)}.image-tool__inline{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.image-tool__checkbox{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;color:var(--color-secondary)}.image-tool__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.25rem}.image-tool__summary{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}.image-tool__status{margin:0;font-size:.9rem;color:var(--color-secondary)}.image-tool__status strong{color:var(--color-primary)}.image-tool__table-wrap{margin-top:1rem;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffd9}.image-tool__table{width:100%;border-collapse:collapse;min-width:720px}.image-tool__table th,.image-tool__table td{text-align:left;padding:.75rem .85rem;border-bottom:1px solid var(--color-border);color:var(--color-secondary);font-size:.9rem;vertical-align:middle}.image-tool__table th{color:var(--color-primary);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.image-tool__table tr:last-child td{border-bottom:0}.image-tool__table td strong{color:var(--color-primary)}.image-tool__result-note{margin-top:.9rem;color:var(--color-muted);font-size:.82rem}.image-tool__pill{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:.22rem .58rem;font-size:.76rem;font-weight:700}.image-tool__pill--good{background:#22c55e1f;color:#166534}.image-tool__pill--neutral{background:#94a3b833;color:#475569}.image-tool__preview-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.image-tool__preview-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.8rem;background:#fff}.image-tool__preview-card h4{margin:0 0 .5rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-secondary)}.image-tool__preview-img{width:100%;max-height:210px;object-fit:contain;background:linear-gradient(45deg,#f1f5f9 25%,transparent 25%,transparent 75%,#f1f5f9 75%),linear-gradient(45deg,#f1f5f9 25%,transparent 25%,transparent 75%,#f1f5f9 75%);background-position:0 0,6px 6px;background-size:12px 12px;border-radius:var(--radius-sm)}@media(max-width:768px){.image-tool{padding:1.2rem}.image-tool__controls-grid,.image-tool__preview-grid{grid-template-columns:1fr}.image-tool__summary{align-items:flex-start;flex-direction:column}}