.tool-hero[data-astro-cid-xsxvwizf]{background-color:var(--color-canvas-parchment);padding:var(--spacing-xxl) 0 var(--spacing-xl);text-align:center}.tool-hero[data-astro-cid-xsxvwizf] h1[data-astro-cid-xsxvwizf]{margin:0 0 var(--spacing-sm);color:var(--color-ink)}.tool-hero-desc[data-astro-cid-xsxvwizf]{font-size:var(--font-size-body);color:var(--color-ink-muted-48);margin:0}.tool-interface[data-astro-cid-xsxvwizf]{padding:var(--spacing-xl) 0 var(--spacing-section)}.supported-formats[data-astro-cid-xsxvwizf]{justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.format-badge[data-astro-cid-xsxvwizf]{border-radius:var(--radius-pill);background-color:var(--color-canvas);border:1px solid var(--color-hairline);font-size:var(--font-size-micro);color:var(--color-ink-muted-80);letter-spacing:.02em;padding:3px 10px;font-weight:600;display:inline-block}.options-bar[data-astro-cid-xsxvwizf]{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-canvas-parchment);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.options-group[data-astro-cid-xsxvwizf]{align-items:center;gap:var(--spacing-xs);display:flex}.editor-panels[data-astro-cid-xsxvwizf]{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}@media (width<=833px){.editor-panels[data-astro-cid-xsxvwizf]{flex-direction:column}}.panel-label[data-astro-cid-xsxvwizf]{font-size:var(--font-size-caption);color:var(--color-ink-muted-80);margin-bottom:var(--spacing-xxs);letter-spacing:-.224px;font-weight:600;display:block}.drop-zone[data-astro-cid-xsxvwizf]{border:2px dashed var(--color-hairline);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;color:var(--color-ink-muted-48);margin-bottom:var(--spacing-sm);transition:border-color .2s,background-color .2s;position:relative}.drop-zone[data-astro-cid-xsxvwizf]:hover,.drop-zone[data-astro-cid-xsxvwizf].drag-over{border-color:var(--color-primary);color:var(--color-primary);background-color:#0066cc0a}.drop-zone[data-astro-cid-xsxvwizf] p[data-astro-cid-xsxvwizf]{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-caption)}.drop-hint[data-astro-cid-xsxvwizf]{font-size:var(--font-size-micro);color:var(--color-ink-muted-48);opacity:.7;margin-top:2px;display:block}.file-input[data-astro-cid-xsxvwizf]{opacity:0;cursor:pointer;position:absolute;inset:0}.loading-bar[data-astro-cid-xsxvwizf]{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background-color:var(--color-canvas-parchment);border-radius:var(--radius-lg);font-size:var(--font-size-caption);color:var(--color-ink-muted-48);display:flex}.loading-spinner[data-astro-cid-xsxvwizf]{border:2px solid var(--color-hairline);border-top-color:var(--color-primary);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-section[data-astro-cid-xsxvwizf]{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);overflow:hidden}.result-header[data-astro-cid-xsxvwizf]{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-canvas-parchment);border-bottom:1px solid var(--color-hairline);flex-wrap:wrap;display:flex}.result-title[data-astro-cid-xsxvwizf]{font-size:var(--font-size-body);letter-spacing:-.374px;margin:0;font-weight:600}.result-meta[data-astro-cid-xsxvwizf]{gap:var(--spacing-sm);display:flex}.file-label[data-astro-cid-xsxvwizf]{font-size:var(--font-size-micro);border-radius:var(--radius-pill);background-color:var(--color-canvas);border:1px solid var(--color-hairline);color:var(--color-ink-muted-48);padding:2px 8px}.result-stats[data-astro-cid-xsxvwizf]{gap:var(--spacing-md);font-size:var(--font-size-caption);display:flex}.stat-added[data-astro-cid-xsxvwizf]{color:var(--color-diff-added-text)}.stat-removed[data-astro-cid-xsxvwizf]{color:var(--color-diff-removed-text)}.result-actions[data-astro-cid-xsxvwizf]{gap:var(--spacing-xs);margin-left:auto;display:flex}.diff-output[data-astro-cid-xsxvwizf]{background-color:var(--color-canvas);max-height:500px;overflow-y:auto}