front-end/src/components/Modals/ExportModal/index.module.less
.exportModal {
  display: flex;
  height: 400px;
  
  .leftPanel {
    width: 180px;
    border-right: 1px solid #dfe3e8;
    padding-right: 10px;
    overflow-y: auto;
    
    .fileTypeItem {
      display: flex;
      align-items: center;
      padding: 10px;
      margin-bottom: 5px;
      cursor: pointer;
      border-radius: 4px;
      
      &:hover {
        background-color: #f6f7f8;
      }
      
      &.active {
        background-color: #e6f7ff;
        color: #1890ff;
      }
      
      .fileTypeIcon {
        margin-right: 10px;
        font-size: 20px;
      }
      
      .fileTypeName {
        font-size: 14px;
      }
    }
  }
  
  .rightPanel {
    flex: 1;
    padding-left: 20px;
    overflow-y: auto;
    
    .formItem {
      margin-bottom: 16px;
      
      .label {
        font-weight: 500;
        margin-bottom: 8px;
        color: #262626;
      }
      
      .optionLabel {
        margin-bottom: 8px;
      }
      
      .description {
        margin-bottom: 8px;
        font-size: 12px;
        color: #8c8c8c;
        line-height: 1.4;
      }

      .colorPickerWrapper {
        .ant-color-picker-trigger {
          width: 100% !important;
          height: 32px;
          
          .ant-color-picker-color-block {
            width: 20px;
            height: 20px;
          }
        }
      }
    }
  }
}