.tool-widget[data-v-4e9eacba]{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);background:var(--color-bg);margin-bottom:var(--space-8);position:relative}.visually-hidden[data-v-4e9eacba]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.field[data-v-4e9eacba]{margin-bottom:var(--space-4)}.field__header[data-v-4e9eacba]{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.field__label[data-v-4e9eacba]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.drop-zone[data-v-4e9eacba]{border:1.5px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);cursor:pointer;transition:border-color var(--transition);background:var(--color-bg-secondary);position:relative}.drop-zone[data-v-4e9eacba]:hover{border-color:var(--color-primary)}.drop-zone--active[data-v-4e9eacba]{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.drop-zone__empty[data-v-4e9eacba]{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.drop-zone__text[data-v-4e9eacba]{font-size:var(--text-sm);color:var(--color-text-secondary)}.preview[data-v-4e9eacba]{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.preview__img[data-v-4e9eacba]{border-radius:var(--radius-md);border:1px solid var(--color-border);background:repeating-conic-gradient(#e5e7eb 0% 25%,#0000 0% 50%) 50%/16px 16px;max-width:100%;max-height:220px}.preview__meta[data-v-4e9eacba]{gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary);flex-wrap:wrap;justify-content:center;display:flex}.preview__mime[data-v-4e9eacba]{font-family:var(--font-mono)}.format-tabs[data-v-4e9eacba]{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.tab-btn[data-v-4e9eacba]{padding:var(--space-2) var(--space-5);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);background:0 0}.tab-btn--active[data-v-4e9eacba]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tab-btn[data-v-4e9eacba]:not(.tab-btn--active):hover{background:var(--color-subtle);color:var(--color-text)}.quality-row[data-v-4e9eacba]{gap:var(--space-2);flex-direction:column;display:flex}.quality-row__label[data-v-4e9eacba]{font-size:var(--text-sm);color:var(--color-text-secondary)}.quality-row__hint[data-v-4e9eacba]{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.tool-widget__actions[data-v-4e9eacba]{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.btn[data-v-4e9eacba]{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition);border:1px solid #0000;display:inline-flex}.btn--sm[data-v-4e9eacba]{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--primary[data-v-4e9eacba]{background:var(--color-primary);color:#fff}.btn--primary[data-v-4e9eacba]:hover{background:var(--color-primary-hover)}.btn--ghost[data-v-4e9eacba]{border-color:var(--color-border);color:var(--color-text-secondary);background:0 0}.btn--ghost[data-v-4e9eacba]:hover{background:var(--color-subtle);color:var(--color-text)}.btn__kbd[data-v-4e9eacba]{margin-left:var(--space-2);font-family:var(--font-mono);opacity:.85;background:#ffffff26;border:1px solid #ffffff40;border-radius:3px;padding:1px 5px;font-size:.7rem;line-height:1.4}.tool-widget__error[data-v-4e9eacba]{font-size:var(--text-sm);color:#dc2626;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca}.tool-widget__notice[data-v-4e9eacba]{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius)}.drop-overlay[data-v-4e9eacba]{border-radius:var(--radius-md);pointer-events:none;background:#2563eb0f;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-overlay__text[data-v-4e9eacba]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-bg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-primary)}.delta--good[data-v-4e9eacba]{color:var(--color-success)}.delta--bad[data-v-4e9eacba]{color:var(--color-warning)}.privacy-note[data-v-4e9eacba]{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-text-tertiary)}