
body { background-color: #f8f9fa; }
.tool-container { min-height: 400px; }
.font-card {
    border: 1px solid #dee2e6;
    transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.font-card:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    transform: translateY(-2px);
}
.font-preview {
    font-size: 2.5rem;
    padding: 1.5rem;
    background-color: #f8f9fa;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
