.page-wrapper {
            width: 178.5mm; /* 210mm * 0.85 */
            height: 252.45mm; /* 297mm * 0.85 */
            overflow: hidden;
            position: relative;
            border: 1px solid #e5e7eb;
            background: #f9fafb;
            box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
            border-radius: 0.5rem;
        }

        .a4-page {
            width: 210mm;
            height: 297mm;
            background: white;
            color: black;
            overflow-y: auto;
            padding: 20mm;
            position: absolute;
            top: 0;
            left: 0;
            transform: scale(0.85);
            transform-origin: top left;
        }

        .editor-container .ce-block__content, 
        .editor-container .ce-toolbar__content {
            max-width: 100%;
        }

        .preview-container h1 { font-size: 2.5em; font-weight: bold; margin-bottom: 0.6em; border-bottom: 1px solid #eee; padding-bottom: 0.2em; }
        .preview-container h2 { font-size: 2em; font-weight: bold; margin-bottom: 0.5em; }
        .preview-container h3 { font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em; }
        .preview-container p { margin-bottom: 1.2em; line-height: 1.8; font-size: 1.1em; }
        .preview-container ul { list-style-type: disc; margin-left: 2em; margin-bottom: 1.2em; line-height: 1.8; }
        .preview-container ol { list-style-type: decimal; margin-left: 2em; margin-bottom: 1.2em; line-height: 1.8; }
        
        /* Custom scrollbar for better look */
        .a4-page::-webkit-scrollbar { width: 6px; }
        .a4-page::-webkit-scrollbar-track { background: #f1f1f1; }
        .a4-page::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; }
        .a4-page::-webkit-scrollbar-thumb:hover { background: #555; }

        .ce-header{
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    color: #242424;
    font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ce-paragraph{
    font-size: 20px;
    font-style: normal; 
    font-weight: 400;
    color:#242424;
    font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif;    
}

.cdx-list{
    font-size: 20px;
    font-style: normal; 
    font-weight: 400;
    color:#242424;
    font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif;   
}

.ce-code__dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearnance: none;
    appearnance: none;
    margin-bottom: 8px;
  }

  .link-tool{
    margin-top:25px;
  }

  .pickr{
    position: absolute !important; 
    top: 7px !important; 
    right: 5px !important; 
    width: 30px !important; 
    height: 30px !important; 
    border: none !important; 
    background: '#FFF' !important; 
    cursor: pointer !important;
    border : '1px solid #ccc';
    border-radius: 4px;
    box-shadow: '0 1px 2px rgba(0,0,0,0.2)';
    display:flex;
    justify-content: center;
    align-items: center;
  }

  .pcr-button{
    width: 30px !important; 
    height: 30px !important; 
    background: 'transparent' !important; 
    cursor: pointer !important;
    border : '1px solid #ccc';
    border-radius: 4px;
    box-shadow: '0 1px 2px rgba(0,0,0,0.2)';
    z-index: 9999;
  }