.ace-editor-container {
        border: 1px solid #d1d5db;
        border-radius: 6px;
        overflow: hidden;
        position: relative;
        min-height: 120px;
    }

    .ace-editor-container:focus-within {
        border-color: #8b5cf6;
        box-shadow: 0 0 0 1px #8b5cf6;
    }

    .ace_editor {
        font-size: 13px !important;
        font-family: Monaco, Menlo, Consolas, "Ubuntu Mono", monospace !important;
    }

    .ace_gutter {
        background: #f8f9fa !important;
        border-right: 1px solid #e9ecef !important;
    }

    .ace_gutter-active-line {
        background: #e9ecef !important;
    }

    .ace_cursor {
        color: #374151 !important;
    }

    .ace_selection {
        background: rgba(139, 92, 246, 0.2) !important;
    }

    /* Custom scrollbars */
    .ace_scrollbar-v {
        width: 12px !important;
        background: #f3f4f6 !important;
    }

    .ace_scrollbar-h {
        height: 12px !important;
        background: #f3f4f6 !important;
    }

    .ace_scrollbar-v .ace_scrollbar-inner,
    .ace_scrollbar-h .ace_scrollbar-inner {
        background: #9ca3af !important;
        border-radius: 6px !important;
    }

    .ace_scrollbar-v .ace_scrollbar-inner:hover,
    .ace_scrollbar-h .ace_scrollbar-inner:hover {
        background: #6b7280 !important;
    }

    /* Resize handle styling */
    .ace-resize-handle {
        transition: background-color 0.2s ease;
    }

    .ace-resize-handle:hover {
        background: #e5e7eb !important;
        color: #374151 !important;
    }

    /* Visual feedback during resize */
    body.resizing * {
        cursor: se-resize !important;
        user-select: none !important;
    }

   .scroll-container {
        scrollbar-width: thin;
        scrollbar-color: #cbd5e1 #f1f5f9;
    }
    .scroll-container::-webkit-scrollbar {
        width: 6px;
    }
    .scroll-container::-webkit-scrollbar-track {
        background: #f1f5f9;
 }
   .scroll-container::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 3px;
  }
       .modal-backdrop {
              background-color: rgba(0, 0, 0, 0.5);
              backdrop-filter: blur(4px);
          }

          .token-hidden {
              font-family: monospace;
              letter-spacing: 0.1em;
          }

          .toast-enter {
              transform: translateX(100%);
              opacity: 0;
          }

          .toast-enter-active {
              transition: all 0.3s ease-out;
              transform: translateX(0);
              opacity: 1;
          }