/* ============================================
   RESPONSIVE DESIGN - THIẾT KẾ RESPONSIVE
   ============================================ */

/* ----------------------------------------
   MOBILE - Màn hình <= 768px (Điện thoại & Tablet)
   ---------------------------------------- */
@media (max-width: 768px) {
    #cool-symbol-editor-container .sticky-tools .tools-inner {
        padding: 4px 4px 2px;
    }

    #cool-symbol-editor-container .is-sticky {

        top: 75px !important;
    }

    #cool-symbol-editor-container .result-textarea {
        font-size: 16px;
    }

    #cool-symbol-editor-container .sticky-tools .result-textarea {
        margin-bottom: 3px;
    }
}


/* ============================================
   GHI CHÚ BREAKPOINTS
   ============================================
   
   📱 Mobile:   <= 768px (Điện thoại, Tablet)
    Desktop:  > 768px (Máy tính bàn, Laptop)
   
   ============================================ */