.fc-modal-content {
      max-width: 1200px !important;
      width: 98% !important;
      display: flex;
      flex-direction: column;
  }

  .fc-main-box {
      border: 1px solid #7c3aed;
      border-radius: 20px;
      padding: 20px;
      background: #fff;
      display: flex;
      flex-direction: column;
      flex: 1;
      font-family: "SolaimanLipi", sans-serif !important;
  }

  .fc-grid-layout {
      display: grid;
      grid-template-columns: 1fr 1.3fr;
      gap: 20px;
      flex: 1;
  }

  /* Left Input Panel */
  .fc-input-side {
      display: flex;
      flex-direction: column;
      gap: 15px;
      padding-right: 10px;
      padding-bottom: 20px;
  }

  .fc-input-card {
      background: #f8fafc;
      padding: 18px;

      border-radius: 12px;
      border: 1px solid #e7d9ff;
      box-shadow: 0 2px 4px rgba(0,0,0,0.02);
  }

  .fc-section-title {
      margin: 0 0 15px;
      font-weight: 800;
      font-size: 16px;
      color: #7c3aed;
      border-bottom: 2px solid #e0f2fe;
      padding-bottom: 8px;
  }

  .fc-field-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-bottom: 12px;
  }

  .fc-label {
      font-size: 13px;
      font-weight: 800;
      color: #475569;
      display: block;
      margin-bottom: 6px;
  }

  .fc-input, .fc-select {
      width: 100%;
      padding: 12px;
      border-radius: 8px;
      border: 1px solid #7c3aed;
      font-family: "SolaimanLipi", sans-serif !important;
      font-size: 15px;
      outline: none;
      transition: 0.3s;
      box-sizing: border-box;
      background: #fff;
  }
  
  .fc-input:focus, .fc-select:focus {
      border-color: #0ea5e9;
      box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2);
  }

  /* Right Column Structure */
  .fc-right-column {
      display: flex;
      flex-direction: column;
      gap: 15px;
      height: 100%;
  }

  /* Right Preview Panel */
  .fc-preview-side {
      background: #475569;
      border-radius: 15px;
      padding: 20px;
      border: 4px solid #f1f5f9;
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  /* A4 Paper strictly defined with proper margin mapping to avoid overflow */
  .fc-a4-paper {
      background: white;
      width: 210mm;
      height: 295mm; 
      padding: 20mm; 
      box-sizing: border-box;
      color: #000;
      box-shadow: 0 10px 30px rgba(0,0,0,0.4);
      font-family: "SolaimanLipi", sans-serif !important;
      flex-shrink: 0; 
      position: relative;
      transform-origin: top center;
      display: flex;
      flex-direction: column;

      /* Desktop Scale */
      transform: scale(0.7);
      margin-bottom: -88.5mm; /* 295 * (0.7 - 1) */
      margin-left: -31.5mm;   /* 210 * (0.7 - 1) / 2 */
      margin-right: -31.5mm;  /* 210 * (0.7 - 1) / 2 */
  }

  .fc-btn-action {
      background: #0ea5e9;
      color: white;
      border: none;
      padding: 14px;
      border-radius: 8px;
      cursor: pointer;
      font-weight: 800;
      font-size: 16px;
      width: 100%;
      font-family: "SolaimanLipi", sans-serif !important;
      transition: 0.3s;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
  }
  .fc-btn-action:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); transform: translateY(-2px); }

  /* Responsive Mobile view calculations */
  @media (max-width: 1024px) {
      .fc-grid-layout { grid-template-columns: 1fr; }
      .fc-input-side { padding-right: 0; }
      
      .fc-a4-paper {
          transform: scale(0.6);
          margin-bottom: -118mm; /* 295 * -0.4 */
          margin-left: -42mm;    /* 210 * -0.2 */
          margin-right: -42mm;   /* 210 * -0.2 */
      }
  }

  @media (max-width: 768px) {
      .fc-field-grid { grid-template-columns: 1fr; gap: 10px; }
      .fc-preview-side { padding: 10px; }
      
      .fc-a4-paper {
          transform: scale(0.45);
          margin-bottom: -162.25mm; /* 295 * -0.55 */
          margin-left: -57.75mm;    /* 210 * -0.275 */
          margin-right: -57.75mm;   /* 210 * -0.275 */
      }
      .fc-btn-grid { grid-template-columns: 1fr !important; }
  }

  @media (max-width: 450px) {
      .fc-a4-paper {
          transform: scale(0.35);
          margin-bottom: -191.75mm; /* 295 * -0.65 */
          margin-left: -68.25mm;    /* 210 * -0.325 */
          margin-right: -68.25mm;   /* 210 * -0.325 */
      }
  }