/* Giao diện máy tính (Desktop & Tablet) */
@media (min-width: 640px) {
    .site-body {
        padding: 4rem 2rem;
    }

    .bio-input {
        padding: 12px 20px;
    }

    .section-title {
        margin-bottom: 12px;
    }

    .font-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .font-btn {
        padding: 12px;
    }

    .random-btn {
        padding: 0.75rem;
    }

    .template-list {
        max-height: 20rem;
        gap: 12px;
    }


    .preview-title {
        margin-bottom: 12px;
    }


    .copy-btn {
        padding: 14px 28px;
    }

    .steps-grid {
        gap: 15px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

}