#zip-fonts-preview {
    margin-top: 1em;
    font-size: 14px;
}

/* Font preview grid */
.zip-fonts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.5em;
    margin-top: 1em;
}

.font-sample {
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #fff;
    text-align: center;
}

.font-sample p {
    font-size: 18px;
    margin: 0.5em 0;
}

.font-sample span {
    display: block;
    font-size: 13px;
    color: #555;
}

#zip-fonts-download-form {
    margin-top: 1em;
}

#select-all {
    margin-bottom: 1em;
}


                .zip-font-preview {
                    font-size: 24px;
                    padding: 10px;
                    background: #fff;
                    border: 0;
                    width: auto;
                    height: 150px;
                    resize: vertical;
                    overflow: auto;
                    max-width: 100%;
                }

                .zip-font-preview  textarea{
                    resize: none;
                }

                .zip-font-preview textarea:focus {
    box-shadow: none;
    outline: none;
}


.mce-toolbar .mce-ico {
    color: #000000;
}

.mce-toolbar .mce-btn button {
    padding: 6px;
}

div.mce-toolbar-grp {
    background: #ffffff;
    border-bottom:0;
}

.mce-top-part::before {
    -webkit-box-shadow: 0 2px 2px -2px rgba(34, 47, 62, .1), 0 8px 8px -4px rgba(34, 47, 62, .07);
    -moz-box-shadow: 0 2px 2px -2px rgba(34, 47, 62, .1), 0 8px 8px -4px rgba(34, 47, 62, .07);
    box-shadow: 0 2px 2px -2px rgba(34, 47, 62, .1), 0 8px 8px -4px rgba(34, 47, 62, .07);
}

.mce-menu-item .mce-text /*  ,.mce-menu-item .mce-text b  */{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

 body #tinymce{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

div.mce-edit-area {
    max-width: 60rem;
    margin: auto;
    padding-top: 50px;
}


.wp-editor-tools.hide-if-no-js {
    display: none;
}