styles.css

.ai-commit-btn {
    color: var(--color-purple);
    transition: color 0.2s ease;
}

.ai-commit-btn:hover {
    color: var(--text-accent);
}

.ai-commit-loading {
    animation: ai-commit-spin 1s linear infinite;
    opacity: 0.7;
    pointer-events: none;
}

@keyframes ai-commit-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.commit-msg-input.ai-commit-autosize {
    box-sizing: border-box;
    height: var(--ai-commit-textarea-height, auto);
    /* !important: obsidian-git's own scoped rule (.commit-msg-input.svelte-*)
       has higher specificity and forces overflow:hidden, which silently
       clipped long messages instead of letting them scroll. Only overflow-y
       needs this — obsidian-git doesn't declare height, so that rule already
       wins on its own. */
    overflow-y: var(--ai-commit-textarea-overflow, hidden) !important;
    /* Keep the box scrollable without showing a scrollbar track. */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.commit-msg-input.ai-commit-autosize::-webkit-scrollbar {
    display: none;
}